:root{color-scheme:light dark;--bg: #f7f8fa;--surface: #ffffff;--text: #1c2025;--muted: #5f6873;--border: #d9dde3;--accent: #1a56db;--error: #b42318;--error-bg: #fef3f2}@media(prefers-color-scheme:dark){:root{--bg: #14171b;--surface: #1d2127;--text: #e6e8eb;--muted: #9aa3ad;--border: #343a42;--accent: #7aa7ff;--error: #ffb4ab;--error-bg: #3b1c19}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}header{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:12px 16px;background:var(--surface);border-bottom:1px solid var(--border)}header .who{margin-left:auto;color:var(--muted);overflow-wrap:anywhere}button{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:6px 12px;cursor:pointer}button:hover{border-color:var(--accent)}main{padding:16px;max-width:960px;margin:0 auto}.login{text-align:center;padding-top:15vh}.login p{color:var(--muted)}.gbtn{display:flex;justify-content:center;margin:24px 0 16px;color-scheme:light}.error{color:var(--error);background:var(--error-bg);border-radius:6px;padding:8px 12px;max-width:400px;margin:0 auto}