:root{--bg:#f6f7f9;--fg:#1c2330;--card:#fff;--line:#d5d9e0;--accent:#1d5fd6;--ok:#17803d;--warn:#b45309;--bad:#b42318;font-family:system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#11151c;--fg:#e6e9ef;--card:#1a202a;--line:#2e3745;--accent:#6b9dff;--ok:#4cc27a;--warn:#f0a95a;--bad:#ff8a80}}body{background:var(--bg);color:var(--fg);margin:0}main{gap:1rem;max-width:44rem;margin:0 auto;padding:1rem;display:grid}section{background:var(--card);border:1px solid var(--line);border-radius:8px;gap:.75rem;padding:1rem;display:grid}h1,h2{margin:0;font-size:1.1rem}label{gap:.25rem;font-size:.9rem;display:grid}input,select,button{font:inherit;border:1px solid var(--line);background:var(--card);color:var(--fg);border-radius:6px;padding:.5rem .75rem}button{cursor:pointer;background:var(--accent);color:#fff;border-color:#0000}button.secondary{background:var(--card);color:var(--fg);border-color:var(--line)}button:disabled{opacity:.5;cursor:default}.row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.state{font-weight:600}.state.ready{color:var(--ok)}.state.break,.state.not-ready{color:var(--warn)}.error{color:var(--bad)}.muted{opacity:.7;font-size:.85rem}.supervised{background:var(--warn-bg,#fff4d6);color:var(--warn-fg,#5c4300);border-left:4px solid var(--warn-fg,#5c4300)}