:root{--bg: #fafaf7;--surface: #ffffff;--text: #1d1d1b;--muted: #6b6b66;--border: #e3e2dc;--accent: #2f5bd3;--accent-text: #ffffff;--ok: #1d7a46;--ok-bg: #e8f5ed;--bad: #b3261e;--bad-bg: #fbeceb;--hint-bg: #fff6dc;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #161615;--surface: #20201e;--text: #ecebe6;--muted: #a3a29b;--border: #393935;--accent: #7b9cff;--accent-text: #0f1426;--ok: #6fd39a;--ok-bg: #18301f;--bad: #ff8a80;--bad-bg: #3a1c1a;--hint-bg: #3a3218}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}main{max-width:680px;margin:0 auto;padding:16px 16px 64px}h1{font-size:1.6rem;margin:0}h2{font-size:1.15rem;margin:0}a{color:var(--accent)}.top{display:flex;justify-content:space-between;align-items:center;max-width:680px;margin:0 auto;padding:16px}.brand{font-weight:700;text-decoration:none;color:var(--text)}.stack{display:flex;flex-direction:column;gap:12px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.spread{justify-content:space-between}.center{text-align:center;align-items:center}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px}.muted{color:var(--muted)}.error{color:var(--bad)}p{margin:0}label{display:flex;flex-direction:column;gap:4px}label.inline{flex-direction:row;align-items:center;gap:8px}input,textarea,select{font:inherit;color:inherit;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:10px 12px;width:100%}input[type=checkbox]{width:auto}input[type=number]{width:5em}button,.button{font:inherit;display:inline-block;text-align:center;text-decoration:none;cursor:pointer;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px 16px}button.primary,.button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}button:disabled,.button.disabled{opacity:.5;cursor:default;pointer-events:none}button.link{background:none;border:none;padding:0;color:var(--accent)}button.link.error{color:var(--bad)}.checks{border:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px 20px}.checks legend{font-weight:600;margin-bottom:8px}.checks label{flex-direction:row;align-items:center;gap:6px}.file input{padding:8px}.chips{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}.chips li{border:1px solid var(--border);border-radius:999px;padding:2px 10px;display:flex;gap:6px}.list{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px}details summary{cursor:pointer;color:var(--accent);margin-bottom:8px}progress{width:100%;accent-color:var(--accent)}.prompt{font-size:1.25rem}.answer{font-size:1.15rem;font-weight:600}.ok,.bad{border-radius:8px;padding:12px}.ok{color:var(--ok);background:var(--ok-bg)}.bad{color:var(--bad);background:var(--bad-bg)}.bad p:not(.answer),.ok p:not(.answer){color:var(--text)}.hint{background:var(--hint-bg);border-radius:8px;padding:10px 12px}.diff ins{text-decoration:none;background:var(--ok-bg);border-bottom:2px solid var(--ok)}.diff del{color:var(--bad);opacity:.8}
