:root{color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;--ink: #1b1b1b;--muted: #5e5e5e;--line: #d9d9d9;--accent: #1d4ed8;--warn-bg: #fff3cd;--warn-ink: #7a5200;--error: #b00020}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#fafafa}.banner{background:var(--warn-bg);color:var(--warn-ink);padding:10px 16px;font-weight:600;text-align:center;border-bottom:1px solid #e6d28a}.topbar{display:flex;align-items:center;gap:16px;padding:12px 16px;background:#fff;border-bottom:1px solid var(--line);flex-wrap:wrap}.topbar .title{font-weight:700;margin-right:auto}.topbar nav{display:flex;gap:4px;flex-wrap:wrap}.topbar nav button{background:none;border:1px solid transparent;padding:8px 12px;border-radius:6px;font:inherit;cursor:pointer;color:var(--ink)}.topbar nav button.active{border-color:var(--line);background:#f0f0f0}.topbar .user{color:var(--muted);font-size:14px}main{padding:24px 16px;max-width:720px;margin:0 auto}.card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:24px;max-width:420px;margin:48px auto}.card h1{font-size:22px;margin:0 0 16px}label{display:block;margin:12px 0 4px;font-size:14px;color:var(--muted)}input{width:100%;padding:10px 12px;font:inherit;border:1px solid var(--line);border-radius:6px}.button{margin-top:16px;width:100%;padding:10px 12px;font:inherit;font-weight:600;color:#fff;background:var(--accent);border:none;border-radius:6px;cursor:pointer}.button:disabled{opacity:.6;cursor:default}.link{background:none;border:none;padding:0;margin-top:12px;font:inherit;color:var(--accent);cursor:pointer;text-decoration:underline}.quiet{color:var(--muted);font-size:14px}.error{color:var(--error);font-size:14px;margin-top:8px}.ok{color:#1a6b2a;font-size:14px;margin-top:8px}