:root{--bg: #121316;--surface: #1a1b1f;--surface-hover: #232429;--border: #2b2c31;--text: #f4f3f0;--text-nav: #c9c9cd;--text-muted: #9a9a9f;--text-faint: #6c6c72;--accent: #f2b807;--accent-hover: #ffd262;--on-accent: #1a1b1f;--danger: #ff8a7a;--font-display: "Space Grotesk", sans-serif;--font-body: "IBM Plex Sans", sans-serif;color-scheme:dark}html,body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:6px}.brand{margin:0;font-family:var(--font-display);font-weight:700;letter-spacing:-.02em}.page-title{margin:0 0 8px;font-family:var(--font-display);font-weight:700;font-size:28px;letter-spacing:-.02em}.muted{color:var(--text-muted)}.page-status{margin:24px 0 10px;font-size:13px;color:var(--text-muted)}.page-error .form-error{margin-bottom:10px}.btn-secondary{padding:8px 14px;background:transparent;border:1px solid var(--border);border-radius:2px;color:var(--text);font:inherit;font-size:13px;cursor:pointer}.btn-secondary:hover:not(:disabled){background:var(--surface-hover)}.btn-secondary:disabled{opacity:.6;cursor:progress}.track-list{list-style:none;margin:0;padding:0}.search-input{width:100%;max-width:480px;margin-top:10px;padding:12px 16px;box-sizing:border-box;background:var(--surface);border:1px solid var(--border);border-radius:22px;color:var(--text);font:inherit;font-size:14px}.search-input:focus{border-color:var(--accent);outline:none}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px;box-sizing:border-box}.auth-card{width:100%;max-width:380px;padding:48px 40px;box-sizing:border-box;background:var(--surface);border:1px solid var(--border);border-radius:4px}.auth-card .brand{font-size:28px}.auth-title{margin:20px 0 0;font-family:var(--font-display);font-weight:600;font-size:18px}.auth-tagline{margin:6px 0 28px;font-size:14px;color:var(--text-muted)}.auth-switch{margin:20px 0 0;font-size:14px;color:var(--text-muted);text-align:center}.notice{margin:0 0 20px;padding:10px 12px;border-left:3px solid var(--accent);background:var(--surface-hover);font-size:14px}.field{margin-bottom:16px}.field label{display:block;margin-bottom:6px;font-size:13px;font-weight:500;color:var(--text-nav)}.field input{width:100%;box-sizing:border-box;padding:11px 12px;background:var(--bg);border:1px solid var(--border);border-radius:2px;color:var(--text);font:inherit}.field input:focus{border-color:var(--accent);outline:none}.field input[aria-invalid=true]{border-color:var(--danger)}.field-hint,.field-error{margin:6px 0 0;font-size:12px;color:var(--text-faint)}.field-error,.form-error{color:var(--danger)}.form-error{margin:0 0 16px;font-size:14px}.btn-primary{width:100%;margin-top:8px;padding:14px 0;border:none;border-radius:2px;background:var(--accent);color:var(--on-accent);font-family:var(--font-body);font-weight:600;font-size:15px;cursor:pointer}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:disabled{opacity:.6;cursor:progress}@media(max-width:420px){.auth-card{padding:32px 20px}}