.page{--bg:#f6f7f9;--bg-image:none;--surface:#fff;--text:#16181d;--muted:#5d6472;--border:#e3e6ec;--heading:var(--text);--link:var(--text);--accent:#16181d;--accent-text:#fff;--danger:#b42318;--radius:14px;--button-radius:10px;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display:var(--font);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){.page:not([data-theme=light]){--bg:#0e1013;--surface:#16191e;--text:#eceef2;--muted:#9ba2b0;--border:#262b33;--accent:#eceef2;--accent-text:#0e1013;--danger:#ff8a7a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.page[data-theme=dark]{--bg:#0e1013;--surface:#16191e;--text:#eceef2;--muted:#9ba2b0;--border:#262b33;--accent:#eceef2;--accent-text:#0e1013;--danger:#ff8a7a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{margin:0}.page{background:var(--bg-image), var(--bg);background-color:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font);justify-content:center;align-items:center;padding:64px 16px 32px;line-height:1.5;display:flex;position:relative}.toolbar{align-items:center;gap:4px;display:flex;position:absolute;top:16px;right:16px}.toolbar form{margin:0}.tool{min-width:36px;height:36px;color:var(--muted);font:inherit;letter-spacing:.04em;cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 8px;font-size:.8rem;font-weight:600;text-decoration:none;display:inline-flex}.tool:hover{color:var(--text);background:color-mix(in srgb, var(--text) 8%, transparent)}.icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:16px;width:100%;max-width:400px;padding:32px 28px;display:flex}.brand{color:var(--muted);flex-direction:column;align-items:center;gap:10px;text-decoration:none;display:flex}.brand span{letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;font-weight:600}.logo{object-fit:contain;width:48px;height:48px}.card>h1,.card>h1+.muted{text-align:center}h1{font-family:var(--font-display);color:var(--heading);margin:8px 0 0;font-size:1.6rem;font-weight:600;line-height:1.2}h2{margin:0;font-size:.95rem}p{margin:0}.muted{color:var(--muted)}form{flex-direction:column;gap:8px;margin:0;display:flex}form .button{margin-top:8px}label{font-size:.85rem;font-weight:600}input[type=email]{width:100%;font:inherit;border:1px solid var(--border);border-radius:var(--button-radius);background:var(--bg);color:var(--text);padding:11px 12px}input[type=text]{width:100%;font:inherit;border:1px solid var(--border);border-radius:var(--button-radius);background:var(--bg);color:var(--text);padding:11px 12px}input::placeholder{color:var(--muted);opacity:.7}input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tool:focus-visible{outline:2px solid var(--accent);outline-offset:2px}summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.button{text-align:center;width:100%;font:inherit;cursor:pointer;border:1px solid var(--accent);border-radius:var(--button-radius);background:var(--accent);color:var(--accent-text);padding:11px 16px;font-weight:600;text-decoration:none;display:block}.button.secondary{color:var(--text);border-color:var(--border);background:0 0}.link{font:inherit;color:var(--link);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;align-self:flex-start;padding:0;font-size:.9rem;text-decoration:underline}.alert{color:var(--danger);border-radius:var(--button-radius);border:1px solid;padding:8px 12px;font-size:.9rem}.alert:empty{display:none}.notice{background:color-mix(in srgb, var(--text) 6%, transparent);border-radius:var(--button-radius);padding:8px 12px;font-size:.9rem}.small{font-size:.85rem}.hint{text-align:center;margin-top:-8px}.danger{color:var(--danger)}.button.danger{color:var(--danger);background:0 0;border-color:currentColor}.actions{flex-direction:row;gap:12px}.actions .button{margin-top:0}.apps{gap:8px;margin:0;padding:0;list-style:none;display:grid}.apps a{border:1px solid var(--border);border-radius:var(--button-radius);color:var(--text);padding:12px 14px;font-weight:600;text-decoration:none;display:block}.apps a:hover{border-color:var(--text)}.scopes{margin:0;padding-left:20px}code{word-break:break-all}:root:not(.has-webauthn) [data-passkey],:root.has-webauthn [data-no-webauthn]{display:none!important}.divider{color:var(--muted);align-items:center;gap:12px;font-size:.85rem;display:flex}.divider:before,.divider:after{content:"";border-top:1px solid var(--border);flex:1}h2.section{margin-top:8px}.passkeys{gap:8px;margin:0;padding:0;list-style:none;display:grid}.passkeys li{border:1px solid var(--border);border-radius:var(--button-radius);flex-direction:column;gap:4px;padding:10px 12px;display:flex}.row{flex-wrap:wrap;gap:4px 16px;display:flex}.row details[open]{flex-basis:100%}.row summary{color:var(--muted);font-size:.85rem;list-style:none}.row summary::-webkit-details-marker{display:none}.row details form{margin-top:8px}.row details .link.danger{color:var(--danger)}@media (width<=480px){.page{align-items:flex-start;padding-top:72px}.card{background:0 0;border:0;padding:0 4px}}