.comic-page{color:#211b35;background:#eeeaf9;min-height:100vh}.comic-nav,.comic-hero,.comic-workspace,.comic-notes,.comic-footer{width:min(1100px,100% - 40px);margin-inline:auto}.comic-nav,.comic-footer{justify-content:space-between;align-items:center;gap:20px;display:flex}.comic-nav{border-bottom:1px solid #b9afda;min-height:82px}.comic-back,.comic-footer{color:#5c547c;font-size:13px;font-weight:700;text-decoration:none}.comic-hero{max-width:860px;margin-left:max(20px,50vw - 550px);padding:80px 0 52px}.comic-kicker{color:#5c547c;font-family:var(--font-dm-mono), monospace;letter-spacing:.14em;text-transform:uppercase;margin:0 0 13px;font-size:11px;font-weight:500}.comic-kicker:before{content:"";background:#e54d5c;border-radius:99px;width:24px;height:7px;margin-right:10px;display:inline-block}.comic-hero h1{max-width:760px;font-size:clamp(52px,8vw,94px)}.comic-hero>p:last-child{color:#5c547c;max-width:650px;margin:26px 0 0;font-size:18px;line-height:1.65}.comic-workspace{background:#fff;border:1px solid #211b35;border-radius:10px;grid-template-columns:minmax(0,1.16fr) minmax(310px,.84fr);display:grid;overflow:hidden;box-shadow:10px 10px #e54d5c}.comic-controls,.comic-result{padding:clamp(25px,4vw,45px)}.comic-controls{border-right:1px solid #d7d0ed}.comic-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.comic-field{color:#211b35;gap:8px;font-size:13px;font-weight:800;display:grid}.comic-field div{position:relative}.comic-field input{box-sizing:border-box;color:#211b35;background:#fff;border:1px solid #b9afda;border-radius:4px;width:100%;min-height:48px;padding:0 48px 0 11px}.comic-field span{color:#5c547c;font-family:var(--font-dm-mono), monospace;font-size:10px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.comic-field small{color:#5c547c;font-size:11px;font-weight:600;line-height:1.4}.comic-second-kicker{border-top:1px solid #d7d0ed;margin-top:35px;padding-top:25px}.comic-result{color:#fff;background:#302b4a}.comic-result .comic-kicker,.comic-result-label,.comic-local-note,.comic-result dt,.comic-result-note{color:#ddd9ef}.comic-result-label{margin:0 0 7px;font-size:13px;font-weight:700}.comic-result h2{color:#ffd37a;font-family:var(--font-dm-mono), monospace;letter-spacing:-.06em;margin:0;font-size:clamp(34px,3.3vw,48px);line-height:1.02}.comic-result-note{margin:13px 0 27px;font-size:14px}.comic-result dl{gap:14px;margin:25px 0;display:grid}.comic-result dl div{border-top:1px dashed #ffffff52;justify-content:space-between;align-items:baseline;gap:15px;padding-top:14px;display:flex}.comic-result dt,.comic-result dd{margin:0;font-size:13px}.comic-result dd{font-family:var(--font-dm-mono), monospace;text-align:right;font-weight:600}.comic-result button{color:#302b4a;cursor:pointer;background:#ffd37a;border:0;border-radius:4px;width:100%;min-height:47px;font-weight:800}.comic-result button:disabled{cursor:not-allowed;opacity:.45}.comic-result .comic-print{color:#fff;background:0 0;border:1px solid #ddd9ef;margin-top:10px}.comic-local-note{margin:13px 0 0;font-size:11px;line-height:1.5}.comic-notes{grid-template-columns:.72fr 1.28fr;gap:9vw;padding:100px 0;display:grid}.comic-notes h2{letter-spacing:-.06em;margin:0;font-size:clamp(30px,3.3vw,48px);line-height:1.05}.comic-notes>div:last-child{color:#5c547c;font-size:15px;line-height:1.7}.comic-notes p{margin:0 0 20px}.comic-notes a{color:#211b35;font-weight:800}.comic-footer{border-top:1px solid #b9afda;min-height:82px;padding:20px 0}.comic-footer span{margin-right:auto}@media print{.comic-nav,.comic-hero,.comic-controls,.comic-notes,.comic-footer,.comic-print{display:none}.comic-page{background:#fff}.comic-workspace{width:100%;box-shadow:none;border:0;display:block}.comic-result{min-height:100vh;padding:36px}}@media (width<=760px){.comic-hero{margin-inline:20px;padding-top:58px}.comic-workspace,.comic-notes{grid-template-columns:1fr}.comic-controls{border-bottom:1px solid #d7d0ed;border-right:0}.comic-notes{gap:30px;padding:70px 0}}@media (width<=620px){.comic-nav,.comic-footer{gap:12px}.comic-back,.comic-footer{font-size:11px}.comic-footer span{max-width:150px}.comic-fields{grid-template-columns:1fr}}