:root{--bg:#090907;--panel:#13120f;--text:#f3f0e8;--muted:#b5afa1;--gold:#d3a94f;--line:#403a2c;font-family:"Avenir Next","Segoe UI",sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0}a{color:var(--gold);text-underline-offset:4px}header,footer{display:flex;justify-content:space-between;gap:24px;padding:24px 5%;border-bottom:1px solid var(--line)}.brand{font-size:24px;font-weight:700;letter-spacing:-1px;text-decoration:none;color:var(--text)}main{max-width:1260px;margin:auto;padding:0 5%}.intro{padding:64px 0 42px;max-width:850px}.intro>p:first-child{color:var(--gold)}h1{font-size:clamp(42px,6vw,76px);line-height:1.04;letter-spacing:-.045em;font-weight:500;margin:18px 0 24px}p{line-height:1.65;max-width:75ch}.intro>p{font-size:19px}.intro .note,.note,small{font-size:13px;color:var(--muted);line-height:1.55}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}fieldset{border:0;border-top:1px solid var(--line);padding:24px 0 34px;margin:0}legend{font-size:22px;padding-right:16px}label{display:block;margin:18px 0 8px}input{width:100%;padding:13px 14px;border:1px solid #6a6050;border-radius:5px;background:var(--panel);color:var(--text);font:inherit;font-size:19px}small{display:block;margin-top:7px}button,.primary{font:inherit;cursor:pointer;border:1px solid #6a6050;border-radius:5px;padding:11px 15px;background:transparent;color:var(--text);text-decoration:none;display:inline-block}button:hover{background:#302a1e}.primary{background:var(--gold);color:#090907;border-color:var(--gold);font-weight:650}button:disabled{opacity:.45;cursor:not-allowed}.presets,.actions{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:28px}.result{position:sticky;top:20px;background:var(--panel);padding:30px;border:1px solid var(--line);border-top:4px solid var(--gold);border-radius:8px}.result h2{font-size:20px;font-weight:500;margin:0 0 20px}output{font-size:clamp(32px,4vw,53px);letter-spacing:-.045em;overflow-wrap:anywhere}#unit{color:var(--muted);font-size:13px}dl{display:grid;grid-template-columns:1fr auto;gap:13px;border-top:1px solid var(--line);padding-top:20px}dd{margin:0;text-align:right;overflow-wrap:anywhere}dt{color:var(--muted)}h3{font-size:18px;margin-top:28px}.scenario{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.actions{margin:25px 0 0}#status,#validation{color:var(--gold);font-size:14px}.method{margin:70px 0;padding-top:30px;border-top:1px solid var(--line);max-width:820px}.method h2{font-size:32px;letter-spacing:-.03em}.method li{margin:12px 0;line-height:1.6}footer{border-top:1px solid var(--line);color:var(--muted);font-size:13px}.skip{position:absolute;left:10px;top:-100px;background:var(--gold);color:#000;padding:12px}.skip:focus{top:10px}:focus-visible{outline:3px solid #f0d77a;outline-offset:3px}@media(max-width:760px){.workspace{grid-template-columns:1fr;gap:24px}.result{position:static;padding:23px}header{align-items:center}header>a:last-child{max-width:160px;font-size:13px}.intro{padding-top:35px}footer{flex-direction:column}dl{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media print{ :root{background:#fff;color:#000}header,.presets,.actions,.primary,.skip,#status,#validation{display:none}.workspace{display:block}.result{position:static;background:#fff;color:#000;border:1px solid #999;break-inside:avoid}form{columns:2;column-gap:32px}fieldset{break-inside:avoid}input{color:#000;background:#fff;padding:3px}small,dt,.note,#unit{color:#444}.intro{padding:12px 0}h1{font-size:32px}.method{margin:25px 0}main{padding:0}a{color:#000}}