:root{--tangerine: #ff6b35;--peach: #f7c59f;--beige: #efefd0;--dusk: #004e89;--baltic: #1a659e;--bg: var(--beige);--card: #f8f8e4;--text: var(--dusk);--muted: var(--baltic);--line: color-mix(in srgb, var(--dusk) 18%, transparent);--accent: var(--baltic);--err: #a8330f;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}header.app{background:var(--dusk);color:var(--beige);border-bottom:4px solid var(--tangerine)}header.app .inner{max-width:1000px;margin:0 auto;padding:18px 16px 14px}header.app h1{margin:0;font-size:26px;letter-spacing:.2px}header.app p{margin:2px 0 0;color:var(--peach)}footer.app{max-width:1000px;margin:8px auto 0;padding:20px 16px 32px;color:var(--muted);text-align:center;border-top:1px solid var(--line)}main{max-width:1000px;margin:0 auto;padding:16px}h2{font-size:16px;margin:0 0 12px}h3{font-size:14px;margin:20px 0 8px}.card{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:16px;margin-bottom:16px}.card h2{padding-left:10px;border-left:4px solid var(--tangerine)}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row input{flex:1;min-width:240px}input,select,button{font:inherit;padding:6px 10px;border-radius:6px;border:1px solid color-mix(in srgb,var(--dusk) 35%,transparent);background:#fff;color:var(--text)}input:focus-visible,select:focus-visible,button:focus-visible{outline:3px solid var(--tangerine);outline-offset:1px}button{background:var(--dusk);color:var(--beige);border-color:var(--dusk);cursor:pointer}button:hover:not(:disabled){background:var(--baltic);border-color:var(--baltic)}button.secondary{background:transparent;color:var(--dusk);border-color:color-mix(in srgb,var(--dusk) 45%,transparent)}button.secondary:hover:not(:disabled){background:var(--peach);border-color:var(--dusk);color:var(--dusk)}button:disabled{opacity:.5;cursor:default}progress{accent-color:var(--tangerine)}.muted{color:var(--muted)}.error{color:var(--err)}.tabs{display:flex;gap:4px;margin-bottom:12px;flex-wrap:wrap}.tabs button{background:transparent;color:var(--muted);border-color:var(--line)}.tabs button.on{background:var(--dusk);color:var(--beige);border-color:var(--dusk);box-shadow:inset 0 -3px 0 var(--tangerine)}nav.tabs.nav{margin:16px 0}table{border-collapse:collapse;width:100%}th,td{padding:4px 8px;text-align:center;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}thead th{background:color-mix(in srgb,var(--peach) 55%,transparent)}th.l,td.l{text-align:left}.scroll{overflow-x:auto}.matrix td,.matrix th{padding:4px 6px;min-width:30px}.controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:12px}.controls label{display:flex;flex-direction:column;gap:4px;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:12px 0}.stats div{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:6px;padding:10px;background:color-mix(in srgb,var(--peach) 22%,transparent)}.stats span,.stats small{color:var(--muted)}.stats b{font-size:24px}.bars{display:flex;gap:4px;height:120px;align-items:flex-end}.bar{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.bar div{width:100%;background:var(--baltic);border-radius:3px 3px 0 0;min-height:1px}.bar span{font-size:11px;color:var(--muted)}td.score{white-space:nowrap}td.score input{width:38px;padding:3px 4px;text-align:center}td.score span{margin:0 4px;color:var(--muted)}td.score button{padding:2px 7px;margin-left:3px;font-size:12px}tr.fixed{background:color-mix(in srgb,var(--peach) 60%,transparent)}tr.dim{color:var(--muted)}[hidden]{display:none!important}.prose{max-width:760px}.prose p,.prose li{margin:0 0 10px}.prose ul{padding-left:20px;margin:0 0 10px}.prose code{background:color-mix(in srgb,var(--peach) 45%,transparent);padding:1px 5px;border-radius:4px;font-size:13px}.prose .eq{display:block;margin:6px 0 12px;padding:8px 12px;overflow-x:auto}@media (max-width: 600px){main{padding:12px}header.app h1{font-size:22px}}
