:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1d1d1f;background:#f8f7f4}
*{box-sizing:border-box}
body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:24px;-webkit-font-smoothing:antialiased}
main{width:100%;max-width:440px;background:white;border:1px solid #e9e6df;border-radius:24px;padding:40px 32px;box-shadow:0 12px 40px #1d1d1f06}
.brand{font-family:Georgia,serif;font-size:32px;letter-spacing:-1px;text-decoration:none;color:inherit}
h1{font-size:25px;line-height:1.2;letter-spacing:-.7px;margin:32px 0 14px}
p,li{font-size:15px;line-height:1.6;color:#686662}
button,.button{display:block;width:100%;padding:15px 18px;border:0;border-radius:12px;background:#1d1d1f;color:white;font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;text-align:center;text-decoration:none}
button.secondary{background:#eeede9;color:#1d1d1f;margin-top:10px}
button:disabled{opacity:.55;cursor:wait}
button:focus-visible,a:focus-visible{outline:3px solid #005cff;outline-offset:4px}
[hidden]{display:none!important}
.detail{margin:22px 0;padding:18px;background:#f8f7f4;border-radius:12px}
.detail p{margin:0 0 12px}.detail ul{padding-left:20px;margin:0}
.note{font-size:13px;margin:22px 0 0}
#auth-status{min-height:48px}
.footer{display:inline-block;color:#686662;font-size:13px;margin-top:24px}
@media(max-width:480px){main{padding:30px 24px}}
body[data-auth-page="login"] #auth-status{min-height:0;color:#b83232}
#auth-login{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:24px;min-height:50px}
#auth-login[aria-busy="true"]{opacity:.8}
@keyframes auth-spin{to{transform:rotate(360deg)}}

button[aria-busy="true"]{position:relative;color:transparent!important}
button[aria-busy="true"]::after{content:"";position:absolute;left:50%;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border:2px solid #8886;border-top-color:#fff;border-radius:50%;animation:busy-spin .8s linear infinite}
button.profile-sign-out[aria-busy="true"]::after{border-top-color:#1d1d1f}
@keyframes busy-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){button[aria-busy="true"]::after{animation:none}}

.callback-screen{text-align:center;background:transparent;border:0;box-shadow:none}
.auth-progress{display:flex;justify-content:center;padding:36px}
.auth-spinner{display:block;width:28px;height:28px;border:3px solid #1d1d1f20;border-top-color:#1d1d1f;border-radius:50%;animation:busy-spin .8s linear infinite}
@media(prefers-reduced-motion:reduce){.auth-spinner{animation:none}}

.verification-header{display:flex;align-items:center;justify-content:space-between;gap:20px}
.verification-badge{display:flex;flex-shrink:0}