:root{--bg:#f6f1e6;--ink:#13221b;--muted:#4a5a52;--brand:#0f3b2e;--line:#d9d1bf;--warn:#8a3b12;color:var(--ink);background:var(--bg);font-family:system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#0d1713;--ink:#eef0ea;--muted:#a9b5ae;--brand:#7fc8a0;--line:#2a3a33;--warn:#f0a070}}body{margin:0}main{max-width:960px;margin:0 auto;padding:24px 16px}h1{margin:0 0 16px;font-size:1.6rem}nav{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}button,input{font:inherit;border:1px solid var(--line);color:inherit;background:0 0;border-radius:8px;padding:10px 14px}button.primary{background:var(--brand);color:var(--bg);border-color:var(--brand)}button:focus-visible,input:focus-visible{outline:3px solid var(--brand);outline-offset:2px}label{margin:12px 0 4px;display:block}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:8px}.muted{color:var(--muted)}.warn{color:var(--warn)}.fair{font-weight:700}