:root{--bg:#f6f5f1;--surface:#fff;--surface-2:#efede7;--text:#1c1b19;--muted:#6b675f;--border:#dcd8cf;--accent:#2f5bd3;--accent-text:#fff;--key:#2a2926;--key-text:#f6f5f1;--ok:#1f7a3d;--bad:#b3261e;--hl:#2f5bd31f;--br0:#c0392b;--br1:#1f6fd1;--br2:#1a8a4a;--br3:#8e44ad;--br4:#c77700;--br5:#0f8a8a;--mono:ui-monospace, "Cascadia Code", "JetBrains Mono", Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#141412;--surface:#1d1c1a;--surface-2:#272623;--text:#ecebe6;--muted:#a19d94;--border:#3a3834;--accent:#7ea2ff;--accent-text:#0e1220;--key:#ecebe6;--key-text:#141412;--ok:#5cc985;--bad:#ff8a80;--hl:#7ea2ff2e;--br0:#ff7b6b;--br1:#6fb0ff;--br2:#5fd38d;--br3:#c99bff;--br4:#ffb54d;--br5:#4fd6d6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}code{font-family:var(--mono);font-size:.92em}a{color:var(--accent)}h1{margin:.4em 0 .5em;font-size:1.9rem;line-height:1.2}h2{margin:0 0 .3em;font-size:1.3rem}h3{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 .6em;font-size:.85rem}.muted{color:var(--muted)}.err{color:var(--bad)}button{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:.45em .9em}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.on,button.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}button.link{color:var(--accent);background:0 0;border:0;padding:.3em 0}.nav{border-bottom:1px solid var(--border);background:var(--surface);z-index:10;gap:4px;padding:10px 16px;display:flex;position:sticky;top:0}.nav a{color:var(--text);border-radius:8px;padding:.35em .8em;text-decoration:none}.nav a.active{background:var(--surface-2);font-weight:600}.page{max-width:980px;margin:0 auto;padding:16px 16px 64px}.intro p{max-width:70ch;margin:0 0 .7em}.big{margin:.8em 0;font-size:1.35rem}.choices{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:1.5em 0;display:grid}.choice{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:14px;padding:20px;text-decoration:none;display:block}.choice:hover{border-color:var(--accent)}.choice p{margin:.3em 0}.calc{border:1px solid var(--border);background:var(--surface);border-radius:18px;gap:14px;max-width:560px;margin:1.2em 0 2.5em;padding:16px;display:grid}.display{background:var(--surface-2);text-align:right;border-radius:12px;min-height:96px;padding:12px 16px}.display-label{color:var(--muted);font-size:.8rem}.display-value{font-family:var(--mono);overflow-wrap:anywhere;font-size:1.8rem;line-height:1.3}.display-check{font-size:.9rem}.display-check.ok{color:var(--ok)}.display-check.bad{color:var(--bad)}.xinput{font-family:var(--mono);align-items:center;gap:10px;display:flex}.xinput input{font:inherit;border:1px solid var(--border);background:var(--bg);width:10em;color:var(--text);border-radius:8px;padding:.4em .6em}.xinput input[aria-invalid=true]{border-color:var(--bad)}.keypad{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.keypad.k2{grid-template-columns:repeat(2,1fr)}.key{background:var(--key);color:var(--key-text);height:72px;font-family:var(--mono);border:0;border-radius:14px;padding:0;font-size:1.4rem;font-weight:600}.key:active:not(:disabled){transform:translateY(1px)}.controls{flex-wrap:wrap;gap:8px;display:flex}.controls button:last-child{margin-left:auto}.panel{border-top:1px solid var(--border);padding-top:12px}.tape{flex-wrap:wrap;gap:4px;max-height:260px;display:flex;overflow-y:auto}.chip{font-family:var(--mono);background:var(--surface-2);border:1px solid #0000;border-radius:6px;padding:.15em .5em;font-size:.8rem}.chip.future{opacity:.35}.chip.cur{border-color:var(--accent)}.chip.gap{color:var(--accent);font-family:inherit}.stepper{color:var(--muted);align-items:center;gap:10px;margin-top:10px;font-size:.9rem;display:flex}.stepper input{accent-color:var(--accent);flex:1}.stack{font-family:var(--mono);margin:0;padding:0;list-style:none}.stack li{overflow-wrap:anywhere;border-radius:6px;padding:.25em .6em}.stack li.top{background:var(--hl);font-weight:600}.formulas{gap:10px;display:grid}.formula code{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--surface-2);border-radius:10px;max-height:420px;padding:10px 12px;font-size:1rem;line-height:1.9;display:block;overflow-y:auto}.br{cursor:pointer;border-radius:3px;padding:0 1px;font-weight:700}.br.c0{color:var(--br0)}.br.c1{color:var(--br1)}.br.c2{color:var(--br2)}.br.c3{color:var(--br3)}.br.c4{color:var(--br4)}.br.c5{color:var(--br5)}.hl{background:var(--hl)}.br.match{outline:2px solid}.examples .grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-top:12px;display:grid}.card{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-direction:column;gap:4px;padding:14px;display:flex}.card.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.card header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.card h3{text-transform:none;letter-spacing:0;color:var(--text);margin:0;font-size:1rem}.card p{margin:0}.badge{font-family:var(--mono);color:var(--muted);white-space:nowrap;font-size:.75rem}.math{font-family:var(--mono)}.value{font-family:var(--mono);font-size:.9rem}.preview code{color:var(--muted);overflow-wrap:anywhere;font-size:.75rem}.note{color:var(--muted);font-size:.85rem}.card.wide{grid-column:1/-1}.card-actions{gap:8px;margin-top:auto;padding-top:6px;display:flex}.steps{border-top:1px solid var(--border);margin-top:8px;padding-top:10px;font-size:.92rem}.steps ol{columns:3 220px;column-gap:24px;margin:.4em 0;padding-left:3.2em}.steps li{break-inside:avoid;font-family:var(--mono);padding:1px 0;font-size:.85rem}kbd{text-align:center;min-width:2.2em;font-family:var(--mono);background:var(--key);color:var(--key-text);border-radius:5px;padding:0 .45em;font-size:.85rem;display:inline-block}.footer{border-top:1px solid var(--border);text-align:center;color:var(--muted);padding:20px 16px 28px;font-size:.9rem}@media (width<=480px){h1{font-size:1.5rem}.key{height:60px;font-size:1.15rem}.display-value{font-size:1.4rem}.calc{padding:12px}}