:root{--bg:#f7f7f5;--surface:#fff;--text:#1b1b1a;--muted:#6d6d68;--border:#dedbd4;--accent:#2f6fed;--ok:#1f7a45;--bad:#c2371f;--triple:#2f6fed;--double:#9a6a12;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#16171a;--surface:#1f2125;--text:#eceae6;--muted:#9a9a94;--border:#34363b;--accent:#6f9dff;--ok:#4bc27c;--bad:#ff7a63;--triple:#6f9dff;--double:#e0b64a}}body{background:var(--bg);color:var(--text);margin:0}main{max-width:44rem;margin:0 auto;padding:1.5rem 1.25rem 4rem}header{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.5rem;display:flex}h1{letter-spacing:.02em;margin:0;font-size:1.1rem}h2{margin:1.75rem 0 .75rem;font-size:.95rem}nav{gap:.25rem;display:flex}button{font:inherit;border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;border-radius:.4rem;padding:.5rem .9rem}button.secondary{color:var(--text);border-color:var(--border);background:0 0}button.quiet{color:var(--muted);padding:.3rem .55rem;font-size:.85rem}button.tab{color:var(--muted);background:0 0;border-color:#0000;padding:.35rem .6rem}button.tab.active{color:var(--text);border-color:var(--border);background:var(--surface)}.board{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:.6rem;padding:1.5rem}.remaining-label{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:.7rem}.remaining-value{font-variant-numeric:tabular-nums;font-size:3.5rem;font-weight:600;line-height:1.1}.visit{letter-spacing:.02em;margin-top:.75rem;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:1.75rem}.visit .sep{color:var(--muted);opacity:.5;padding:0 .35rem}.visit .mult{font-weight:700}.visit .mult.triple{color:var(--triple)}.visit .mult.double{color:var(--double)}.visit.waiting{color:var(--muted);opacity:.5}.answers{gap:.6rem;margin-top:1.25rem;display:grid}.answer-row{grid-template-columns:9rem 7rem auto;align-items:center;gap:.75rem;display:grid}.answer-row label{color:var(--muted);font-size:.85rem}.answer-row input{font:inherit;font-variant-numeric:tabular-nums;text-align:right;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:.4rem;padding:.35rem .6rem;font-size:1.5rem}.answer-row input:disabled{opacity:.55}.mark{font-variant-numeric:tabular-nums;font-size:1.1rem}.mark.ok{color:var(--ok)}.mark.bad{color:var(--bad);font-size:1.3rem;font-weight:700}.prompt{flex-direction:column;align-items:flex-start;gap:.6rem;margin-top:1.25rem;display:flex}.prompt p{color:var(--muted);margin:0;font-size:.9rem}.scoresheet{color:var(--muted);margin:2rem 0 0;padding:0;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.85rem;list-style:none}.scoresheet li{border-bottom:1px solid var(--border);justify-content:space-between;gap:1rem;padding:.2rem 0;display:flex}.scoresheet li.checkout{color:var(--ok)}.metrics{border-collapse:collapse;width:100%;font-size:.9rem}.metrics th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;padding-bottom:.5rem;font-size:.75rem;font-weight:500}.metrics td{border-top:1px solid var(--border);padding:.5rem 0}.metrics td.value{text-align:right;font-variant-numeric:tabular-nums;font-size:1.05rem}.metrics td.muted{color:var(--muted)}.actions{flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:1.25rem;display:flex}.note{color:var(--muted);font-size:.85rem}.empty{color:var(--muted);border:1px dashed var(--border);border-radius:.6rem;padding:1.25rem;font-size:.9rem}.legend{color:var(--muted);flex-wrap:wrap;gap:.25rem 1rem;margin:.5rem 0 0;padding:0;font-size:.8rem;list-style:none;display:flex}.legend li{align-items:center;gap:.4rem;display:flex}.swatch{border-radius:1px;width:1.1rem;height:.2rem;display:inline-block}.swatch-dashed{width:1.4rem;-webkit-mask-image:repeating-linear-gradient(90deg,#000 0 .3rem,#0000 .3rem .5rem);mask-image:repeating-linear-gradient(90deg,#000 0 .3rem,#0000 .3rem .5rem)}.run-bar{color:var(--muted);font-variant-numeric:tabular-nums;align-items:baseline;gap:1rem;margin-bottom:.75rem;font-size:.85rem;display:flex}.run-clock{color:var(--text);font-size:1.4rem;font-weight:600}.run-errors{margin-right:auto}.run-budget{color:var(--ok)}.run-budget.over{color:var(--bad)}.run-seed{color:var(--muted)}.seed-code{letter-spacing:.1em;color:var(--text);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.idle-warning{margin-top:1rem}.beat-score{font-variant-numeric:tabular-nums;color:var(--muted);margin-top:.35rem;font-size:1.2rem}.seed-badge{letter-spacing:.12em;color:var(--text);margin-top:1rem;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:1.3rem}.summary-head{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.summary-head .seed-badge{margin-top:0;font-size:1rem}.verdict{margin:1rem 0 0;font-size:1.05rem;font-weight:600}.verdict.ok{color:var(--ok)}.verdict.bad{color:var(--bad)}.seed-form{flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:1.25rem;display:flex}.seed-form label{color:var(--muted);font-size:.85rem}.seed-form input{font:inherit;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--border);background:var(--surface);width:9rem;color:var(--text);border-radius:.4rem;padding:.35rem .6rem;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.bad-note{color:var(--bad)}.share{flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:1.5rem;display:flex}.share label{color:var(--muted);font-size:.85rem}.share input{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:.4rem;padding:.35rem .6rem}.share-url{color:var(--muted);flex:18rem;font-size:.8rem}.scoresheet li.uncounted{color:var(--muted);font-style:italic}.task-time.fast{color:var(--ok)}.task-time.slow{color:var(--bad)}.task-time{text-align:right;min-width:4rem}button.tab:disabled{opacity:.4;cursor:not-allowed}.metrics.ranking th,.metrics.ranking td,.metrics.ranking td.value{text-align:left}.metrics tbody.headline td{border-top:none;padding-top:0;font-weight:600}.metrics tbody.headline td.value{font-size:1.35rem}.metrics tbody.headline+tbody tr:first-child td{border-top:2px solid var(--border)}.metrics th.value{text-align:right}.metrics.scores{margin-top:1rem}.metrics.scores tfoot td{border-top:2px solid var(--border);color:var(--muted)}.metrics.scores tfoot tr+tr td{border-top:1px solid var(--border)}.metrics.scores tfoot td.value{color:inherit;font-weight:600}
