:root{--ink:#111820;--blue:#1549ff;--paper:#f4f5f7;--white:#fff;--line:#cbd0d7;--orange:#ff6b35}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"PingFang SC",sans-serif}header{height:68px;background:var(--ink);color:#fff;display:flex;align-items:center;padding:0 4vw}.wordmark{font-weight:900;font-size:19px;letter-spacing:-.05em}.wordmark span{color:var(--orange);margin:0 2px}.ruler{height:10px;flex:1;margin:0 30px;background:repeating-linear-gradient(90deg,#65707b 0 1px,transparent 1px 20px);border-top:1px solid #65707b}.edition{font:9px monospace;color:#89929c;letter-spacing:.13em}main{display:grid;grid-template-columns:.8fr 1.2fr;max-width:1500px;margin:auto}.intro{padding:72px 5vw 60px;border-right:1px solid var(--line)}.overline{font:700 10px monospace;color:var(--blue);letter-spacing:.15em}h1{font-size:clamp(42px,5.6vw,78px);line-height:.98;letter-spacing:-.065em;margin:30px 0}h1 em{font-style:normal;color:var(--blue)}.intro>p:last-child{max-width:400px;color:#69717a;line-height:1.7;font-size:13px}.control-panel{background:var(--white);padding:44px 5vw 38px}.panel-title,.results-title{display:flex;justify-content:space-between;border-bottom:2px solid var(--ink);padding-bottom:12px;font:700 10px monospace;letter-spacing:.12em}.panel-title small,.results-title small{font-weight:400;color:#7d858e}fieldset{border:0;padding:0;margin:30px 0;display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:end}legend{font-size:12px;font-weight:700;margin-bottom:11px}fieldset label{border:1px solid var(--line);padding:10px 12px;display:grid;grid-template-columns:auto 1fr;align-items:center}fieldset label span{font:700 10px monospace;color:var(--blue)}fieldset input{border:0;width:100%;min-width:0;text-align:right;font:700 28px monospace;color:var(--ink);outline:0}fieldset label small{grid-column:1/-1;color:#959ba2;font-size:9px}fieldset>b{font-size:22px;padding-bottom:20px}.presets{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.presets span{font-size:10px;color:#7d858e;margin-right:4px}.presets button{border:1px solid var(--line);background:#fff;padding:6px 9px;font:10px monospace;cursor:pointer}.presets button:hover{border-color:var(--blue);color:var(--blue)}.remember{display:flex;align-items:center;gap:8px;font-size:10px;color:#767e87;margin:24px 0}.remember input{position:absolute;opacity:0}.remember i{width:28px;height:16px;border:1px solid var(--line);border-radius:9px;position:relative}.remember i:after{content:"";position:absolute;width:8px;height:8px;top:3px;left:3px;border-radius:50%;background:#8e959d}.remember input:checked+i{background:var(--blue)}.remember input:checked+i:after{left:15px;background:#fff}#error{color:#d83c24;font-size:11px;min-height:14px}.calculate{width:100%;background:var(--blue);color:#fff;border:0;padding:17px;font-weight:800;display:flex;justify-content:space-between;cursor:pointer}.results{grid-column:1/-1;padding:36px 4vw 60px;border-top:1px solid var(--line)}.cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.result-card{background:#fff;border:1px solid var(--line)}.result-card.active{border-top:4px solid var(--blue)}.result-card:not(.active){border-top:4px solid var(--orange)}.card-head{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:16px;border-bottom:1px solid var(--line)}.card-head>span{font:700 10px monospace;color:#8a929b}.card-head b,.card-head small{display:block}.card-head small{font:10px monospace;color:#868e97;margin-top:4px}.card-head button{border:0;background:none;text-decoration:underline;font-size:10px;cursor:pointer}.preview{padding:20px;background:#e8eaed}.photo{height:230px;position:relative;background:linear-gradient(145deg,#9ca8b2,#3e4a56);overflow:hidden}.photo:before{content:"";position:absolute;inset:0;background:linear-gradient(20deg,transparent 48%,rgba(255,255,255,.13) 49%,transparent 50%),radial-gradient(circle at 75% 25%,rgba(255,255,255,.3),transparent 20%)}.keep{position:absolute;border:2px solid #fff;box-shadow:0 0 0 1000px rgba(8,14,20,.55);display:grid;place-items:center}.keep span{font:9px monospace;color:#fff;background:#111820;padding:4px 6px}.numbers{display:grid;grid-template-columns:1.2fr 1fr 1fr}.numbers div{padding:18px;border-right:1px solid var(--line)}.numbers div:last-child{border:0}.numbers small,.numbers strong{display:block}.numbers small{font-size:9px;color:#858d96}.numbers strong{font:700 16px monospace;margin-top:8px}#toast{position:fixed;right:20px;bottom:20px;background:var(--ink);color:#fff;padding:10px 15px;font-size:11px;opacity:0;transform:translateY(8px);transition:.2s}#toast.show{opacity:1;transform:none}@media(max-width:760px){header{padding:0 18px}.ruler{margin:0 12px}.edition{display:none}main{grid-template-columns:1fr}.intro{padding:42px 22px 28px;border-right:0}.intro>p:last-child{display:none}.control-panel{padding:28px 22px}fieldset{margin:22px 0}fieldset input{font-size:22px}.results{padding:30px 14px}.cards{grid-template-columns:1fr}.preview{padding:12px}.photo{height:190px}.numbers strong{font-size:13px}}