:root{--bg: #f6f7fb;--surface: #ffffff;--text: #1b1f2a;--muted: #5a6275;--primary: #3346d3;--primary-text: #ffffff;--ok: #1d7a46;--error: #b42318;--border: #d9dce5;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media(prefers-color-scheme:dark){:root{--bg: #11131a;--surface: #1b1e28;--text: #eceef4;--muted: #a3aabb;--primary: #7d8cff;--primary-text: #0d1020;--ok: #5fd08f;--error: #ff8a80;--border: #2e3342}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);line-height:1.5}main{max-width:720px;margin:0 auto;padding:16px;display:grid;gap:16px}.topbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:12px 16px;background:var(--surface);border-bottom:1px solid var(--border)}.topbar nav{display:flex;gap:12px;order:3;width:100%;overflow-x:auto}.topbar nav a{color:var(--muted);text-decoration:none;padding:4px 0}.topbar nav a.active{color:var(--text);border-bottom:2px solid var(--primary)}.brand{font-weight:700;color:var(--text);text-decoration:none}.actions{margin-left:auto;display:flex;gap:8px}@media(min-width:640px){.topbar nav{order:0;width:auto}}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px}h1{font-size:1.4rem;margin:0 0 8px}h2{font-size:1.15rem;margin:0 0 8px}button,input,select{font:inherit;min-height:44px;border-radius:8px}button{border:none;padding:0 16px;background:var(--primary);color:var(--primary-text);cursor:pointer}button.secondary{background:transparent;color:var(--text);border:1px solid var(--border)}button.danger{background:var(--error);color:#fff}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--primary);outline-offset:2px}input,select{border:1px solid var(--border);background:var(--bg);color:var(--text);padding:0 12px;width:100%}select{width:auto}.row{display:flex;gap:8px}.stack{display:grid;gap:8px}.muted{color:var(--muted)}.ok{color:var(--ok)}.error{color:var(--error)}.chat{list-style:none;padding:0;margin:12px 0;display:grid;gap:8px}.chat li{padding:8px 12px;border-radius:12px;background:var(--bg);max-width:85%;white-space:pre-wrap}.chat li.mine{justify-self:end;background:var(--primary);color:var(--primary-text)}.chat .who{display:block;font-size:.75rem;opacity:.75}.cursor{animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}.pix{display:grid;gap:12px;justify-items:center;text-align:center}.pix img{background:#fff;border-radius:8px;max-width:100%;height:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}