:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#fafafa;--fg:#111;--muted:#666;--border:#e5e5e5;--card:#fff;--accent:#111;--accent-fg:#fff;--danger:#b00020;--code-bg:#f3f3f3}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0b0b0c;--fg:#f5f5f5;--muted:#9a9a9a;--border:#232325;--card:#131316;--accent:#fff;--accent-fg:#111;--danger:#ff5d6c;--code-bg:#1c1c20}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--fg);place-items:center;min-height:100vh;padding:24px;font:15px/1.5 system-ui,-apple-system,Segoe UI,Inter,sans-serif;display:grid}main{background:var(--card);border:1px solid var(--border);border-radius:12px;width:100%;max-width:440px;padding:28px;box-shadow:0 1px 2px #0000000a}h1{margin:0 0 4px;font-size:20px;font-weight:600}p{color:var(--muted);margin:0 0 12px}.field{color:var(--muted);margin:14px 0 6px;font-size:13px;display:block}input[type=email],input[type=text]{width:100%;font:inherit;color:inherit;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:10px 12px}input:focus{outline:2px solid var(--accent);outline-offset:1px}.row{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--card);color:var(--fg);border-radius:8px;padding:10px 14px}button.primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}button:disabled{opacity:.6;cursor:not-allowed}.scopes{margin:8px 0 0;padding-left:20px}.scopes code{background:var(--code-bg);border-radius:4px;padding:1px 6px;font-size:13px}.meta{color:var(--muted);margin-top:14px;font-size:13px}.meta code{background:var(--code-bg);word-break:break-all;border-radius:4px;padding:1px 6px}.error{color:var(--danger);margin-top:12px}.footer{color:var(--muted);margin-top:18px;font-size:12px}.spinner{border:2px solid var(--muted);vertical-align:-2px;border-top-color:#0000;border-radius:50%;width:14px;height:14px;margin-right:6px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.small{font-size:12px}a{color:inherit}