:root{--bg-app:#0f0f10;--card-bg:#1a1a1d;--text-primary:#f5f5f5;--text-secondary:#a0a0a8;--border-color:#2a2a2e;--accent:#6691e8;--accent-lime:#c6dc60}[data-theme=light]{--bg-app:#f4f3ee;--card-bg:#fff;--text-primary:#1a1a1d;--text-secondary:#5a5a62;--border-color:#e0e0e3;--accent:#0056e0;--accent-lime:#8db93a}html,body{background:var(--bg-app);color:var(--text-primary);margin:0;font-family:Inter,system-ui,-apple-system,sans-serif}#root{min-height:100vh}.auth-shell{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-status{color:var(--text-secondary);font-size:14px}.auth-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;width:100%;max-width:480px;padding:32px 36px;box-shadow:0 4px 24px #0003}.auth-card h1{color:var(--text-primary);margin:0 0 6px;font-size:22px;font-weight:700}.auth-card .subtitle{color:var(--text-secondary);margin:0 0 24px;font-size:13px}.user-info{grid-template-columns:80px 1fr;gap:8px 16px;margin:0 0 24px;font-size:13px;display:grid}.user-info dt{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;align-self:center;font-size:10px}.user-info dd{color:var(--text-primary);flex-wrap:wrap;align-items:center;gap:8px;margin:0;display:flex}.role-badge{text-transform:lowercase;background:var(--accent);color:#fff;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.role-badge.role-viewer{background:var(--border-color);color:var(--text-secondary)}.role-flag{color:var(--accent);background:#6691e81f;border:1px solid #6691e84d;border-radius:4px;padding:2px 6px;font-size:10px}.next{color:var(--text-secondary);background:#ffffff08;border-radius:6px;margin:0 0 20px;padding:12px;font-size:12px}.signout{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:6px;padding:8px 16px;font-size:13px;transition:background .15s}.signout:hover{background:#ffffff0d}.auth-card.coming-soon{text-align:center;padding:40px 36px 32px}.coming-soon-emoji{margin-bottom:12px;font-size:40px}.coming-soon-body{color:var(--text-primary);margin:16px 0;font-size:14px;line-height:1.5}.coming-soon-meta{color:var(--text-secondary);background:#ffffff08;border-radius:6px;margin:16px 0 20px;padding:10px 12px;font-size:12px}.auth-card.coming-soon .subtitle{margin-bottom:8px}