:root{--bg:#0f2a1d;--bg2:#16402b;--card:#1b4d34;--text:#f6f1e7;--muted:#b9c9bd;--red:#c0392b;--gold:#f2c200;--ok:#3ecf6e;--bad:#ff6b5e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 20% 0, var(--bg2), var(--bg) 60%);margin:0}main{max-width:44rem;margin:0 auto;padding:1rem 16px 3rem}main.wide{max-width:80rem}h1{margin:.2rem 0 1rem;font-size:1.6rem}h2{margin:1.4rem 0 .5rem;font-size:1.15rem}h3{margin:0 0 .4rem}header.top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.card{background:var(--card);border-left:6px solid var(--gold);border-radius:.8rem;margin:.8rem 0;padding:1rem}.muted{color:var(--muted)}.err{color:var(--bad)}.okc{color:var(--ok)}button,.btn{background:var(--red);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:.5rem;padding:.6rem 1rem;font-weight:600;text-decoration:none;display:inline-block}button.ghost{border:1px solid var(--muted);color:var(--text);background:0 0}button.gold{background:var(--gold);color:#222}button:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{color:var(--text);font:inherit;background:#0c2216;border:1px solid #5a8a6c;border-radius:.5rem;width:100%;padding:.6rem}input.code{letter-spacing:.2em;text-transform:uppercase;text-align:center;font-size:1.6rem}.row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.row>input{flex:1;min-width:8rem}.big{font-variant-numeric:tabular-nums;font-size:2.4rem;font-weight:800}.code-box{letter-spacing:.25em;text-align:center;border:2px dashed var(--gold);background:#0c2216;border-radius:.6rem;padding:.6rem;font-size:2rem;font-weight:800}.steps{gap:.3rem;margin:.6rem 0;display:flex}.step{background:#0c2216;border-radius:1rem;flex:1;height:.7rem}.step.done{background:var(--ok)}.step.skip{background:var(--gold)}.step.cur{background:var(--red)}.hintbox{background:#0c2216;border-radius:.5rem;margin:.4rem 0;padding:.6rem .8rem}.dot{vertical-align:middle;border-radius:50%;width:1rem;height:1rem;margin-right:.4rem;display:inline-block}nav.tabs{gap:.4rem;margin:.5rem 0 1rem;display:flex}nav.tabs a{color:var(--text);background:#0c2216;border-radius:2rem;padding:.4rem .8rem;text-decoration:none}nav.tabs a.on{background:var(--red)}table{border-collapse:collapse;width:100%}td,th{text-align:left;border-bottom:1px solid #2e6a47;padding:.4rem .5rem}.grid{grid-template-columns:repeat(auto-fill,minmax(21rem,1fr));gap:.8rem;display:grid}.kv{grid-template-columns:auto 1fr;gap:.2rem .8rem;display:grid}.kv b{color:var(--gold)}.mono{font-family:ui-monospace,monospace}.lb-row{background:var(--card);border-radius:.8rem;align-items:center;gap:1rem;margin:.5rem 0;padding:.8rem 1rem;font-size:1.6rem;display:flex}.lb-bar{flex:1;gap:.3rem;display:flex}.lb-bar span{background:#0c2216;border-radius:.4rem;flex:1;height:1.4rem}.lb-bar span.on{background:var(--ok)}@media (width<=30rem){.big{font-size:2rem}}
