:root{color-scheme:light dark;--signin-bg:#f6f5f2;--signin-card:#fff;--signin-ink:#252623;--signin-muted:#62645e;--signin-border:#dadbd4;--signin-accent:#345b45}
*{box-sizing:border-box}body{margin:0;min-height:100svh;background:var(--signin-bg);color:var(--signin-ink);font:16px/1.5 system-ui,-apple-system,sans-serif;display:grid;place-items:center;padding:24px}
.signin-card{width:100%;max-width:430px;padding:36px;background:var(--signin-card);border:1px solid var(--signin-border);border-radius:18px;box-shadow:0 12px 48px #17221a08}.signin-brand,.wordmark{color:inherit;text-decoration:none;font-size:22px;font-weight:650;letter-spacing:-1px}.signin-card h1{font-size:30px;line-height:1.2;letter-spacing:-.8px;margin:32px 0 12px}.signin-reason{color:var(--signin-muted);margin:0 0 28px}.signin-providers{display:grid;gap:12px}.signin-providers a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px 16px;border:1px solid var(--signin-border);border-radius:8px;color:inherit;text-decoration:none;font-weight:550}.signin-providers a:hover{background:var(--signin-bg)}a:focus-visible,button:focus-visible{outline:3px solid var(--signin-accent);outline-offset:4px}.signin-card footer,.signin-back{display:block;margin-top:28px;color:var(--signin-muted);font-size:14px}.signin-card footer a,.signin-back{color:var(--signin-muted)}#signin-status{margin:20px 0 0;color:var(--signin-muted);overflow-wrap:anywhere}[hidden]{display:none!important}
@media(prefers-color-scheme:dark){:root{--signin-bg:#171a18;--signin-card:#222623;--signin-ink:#eeefe9;--signin-muted:#adb5ad;--signin-border:#424a43;--signin-accent:#a4ccb2}}
@media(max-width:440px){body{padding:20px}.signin-card{padding:28px 24px}.signin-card h1{font-size:28px}}
/* Apple-provided artwork keeps its complete canvas at the button's height. */
.signin-providers a[data-provider="apple"]{height:48px;padding:0 16px;border:0;background:#000;color:#fff}
.signin-providers a[data-provider="apple"]::before{content:"";flex:none;width:33.818182px;height:48px;background:url('/static/vendor/apple-signin/logo-white.svg') center/contain no-repeat}
.signin-providers a[data-provider="apple"]:hover{background:#000;color:#fff;box-shadow:0 0 0 2px var(--signin-border)}
@media(prefers-color-scheme:dark){.signin-providers a[data-provider="apple"],.signin-providers a[data-provider="apple"]:hover{background:#fff;color:#000}.signin-providers a[data-provider="apple"]::before{background-image:url('/static/vendor/apple-signin/logo-black.svg')}}