:root{--bg:#fff;--text:#111827;--text-muted:#6b7280;--border:#e5e7eb;--primary:#0081ba;--primary-text:#fff}@media (prefers-color-scheme:dark){:root{--bg:#0b0f14;--text:#f3f4f6;--text-muted:#9ca3af;--border:#1f2937}}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,sans-serif}.card{border:1px solid var(--border);border-radius:12px;max-width:420px;margin:15vh auto;padding:32px}.card h1{margin:0 0 8px;font-size:20px}.card p{color:var(--text-muted);margin:0 0 24px;line-height:1.5}.button{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);cursor:pointer;border-radius:8px;padding:12px;font-size:15px;display:block}.button.primary{background:var(--primary);color:var(--primary-text);border-color:var(--primary)}.button+.button{margin-top:12px}.scopes{color:var(--text-muted);margin:0 0 24px;padding-left:20px}
