:root{--bg: #f6f7f9;--panel: #fff;--text: #1b1f24;--muted: #5b6470;--line: #e3e6ea;--accent: #3a5bd9;--accent-ink: #fff;--bad: #b42318;--bad-bg: #fdecea;--ok: #157f3b;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #111418;--panel: #1a1e24;--text: #e8eaed;--muted: #9aa3ad;--line: #2a3038;--accent: #7b96ff;--accent-ink: #0b0f1a;--bad: #ff8a80;--bad-bg: #3a1d1b;--ok: #6fd391}}*{box-sizing:border-box}body{margin:0;font:15px/1.5 system-ui,sans-serif;background:var(--bg);color:var(--text)}.top{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--panel);border-bottom:1px solid var(--line)}.logo{font-weight:700;letter-spacing:.02em}main{max-width:860px;margin:24px auto;padding:0 16px}h1{font-size:22px;margin:0 0 4px}.muted{color:var(--muted)}.cards{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:16px 0}.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:16px}button{font:inherit;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:8px;padding:8px 14px;cursor:pointer}button.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}button:disabled{opacity:.6;cursor:default}.login button{display:block;width:100%;text-align:left;margin-top:8px}ul.wf{list-style:none;padding:0;margin:0}ul.wf li{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line)}ul.wf li:last-child{border-bottom:0}.status{margin-top:12px;min-height:1.5em}.status.bad{color:var(--bad)}.status.ok{color:var(--ok)}.alert{background:var(--bad-bg);color:var(--bad);border-radius:8px;padding:10px 12px;margin-top:12px}.support{position:fixed;right:16px;bottom:16px;max-width:280px;background:var(--panel);border:1px dashed var(--line);border-radius:10px;padding:12px;font-size:13px;color:var(--muted)}