/* Account controls reuse Markio's existing surfaces and warm primary button. */
.auth-profile-submit{width:100%;margin-top:16px}.auth-page [data-profile-error]{color:var(--text);font-size:13px}.auth-page [data-profile-error]:empty{display:none}
.auth-page{width:100%;max-width:none;min-height:75vh;display:grid;place-items:start center;padding:56px 24px}
.auth-content{width:min(100%,400px)}
.auth-page h1{font-size:30px;line-height:1.2;letter-spacing:-1px;font-weight:500;margin:0 0 12px}
.auth-page p{font-size:14px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere}
.auth-page .plan-button{min-height:46px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;padding:12px 18px;cursor:pointer;transition:background 150ms ease,border-color 150ms ease}
.auth-page .plan-button.primary,.auth-page .auth-google{background:var(--text);color:var(--bg);border-color:var(--text)}
.auth-page .plan-button:disabled{opacity:.5;cursor:default}
.auth-page .auth-google{width:100%;margin-top:24px}
.auth-page .auth-google img{flex:none}
.auth-page .auth-hint{font-size:12px;margin:10px 0 0}
.auth-divider{display:flex;align-items:center;gap:16px;margin-top:28px;color:var(--muted);font-size:12px}
.auth-divider::before,.auth-divider::after{content:'';height:1px;flex:1;background:var(--line)}
.auth-page form{margin-top:24px}
.auth-page label{display:block;margin:20px 0 8px;color:var(--text);font-size:13px}
.auth-page input{box-sizing:border-box;min-height:48px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);font:inherit;font-size:16px}
.auth-page .auth-form-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}
.auth-page :is(input,button,a):focus-visible{outline:2px solid var(--text);outline-offset:4px}
.auth-page :is([data-auth-error],[data-google-error]){font-size:13px;color:var(--text);margin-top:16px}
.auth-page :is([data-auth-error],[data-google-error]):empty{display:none}
.auth-details{margin:28px 0;font-size:13px}.auth-details>div{display:grid;gap:8px;padding:14px 0;border-bottom:1px solid var(--line)}
.auth-details dt{color:var(--muted)}.auth-details dd{margin:0;overflow-wrap:anywhere}
.auth-account-actions{display:flex;gap:12px;margin-top:24px}.auth-account-actions>*{flex:1}
.auth-sessions{margin-top:36px;padding-top:24px;border-top:1px solid var(--line)}.auth-sessions h2{font-size:17px;font-weight:500}
.auth-text-button{padding:8px 0;min-height:44px;border:0;background:transparent;color:var(--text);font:inherit;font-size:13px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
@media(hover:hover){.auth-page .plan-button:not(:disabled):hover{border-color:var(--text);filter:brightness(1.1)}}
@media(max-width:720px){.auth-page{padding:32px 12px}.auth-page h1{font-size:28px}}

/* The standalone account page uses the annual pricing sky. */
html:has(.landing-auth-page) { scrollbar-gutter:auto; }
.landing-auth-page {
 --sidebar:0px;
 --auth-ease:cubic-bezier(.23,1,.32,1);
 --auth-surface:#121115f5;
 --auth-rim:#d8c8f23b;
 --auth-muted:#bbb6c4;
 position:relative; isolation:isolate; min-height:100svh; display:grid;
 grid-template-rows:auto 1fr; color:var(--text); color-scheme:dark;
}
.landing-auth-page .pricing-space { inset:0; }
.landing-auth-page:focus { outline:none; }
.landing-auth-header {
 display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:4px 16px;
 padding:clamp(14px,3.5vw,38px) clamp(16px,4vw,56px);
}
.landing-auth-header a { display:inline-flex; align-items:center; min-height:44px; gap:8px; text-decoration:none; }
.landing-auth-logo { color:var(--text); font-size:clamp(20px,3vw,27px); font-weight:600; letter-spacing:-.055em; }
.landing-auth-back { color:var(--auth-muted); font-size:13px; }
.landing-auth-form {
 align-self:center; justify-self:center; width:min(100% - 32px,440px); margin:12px 0 clamp(26px,8vh,90px);
 padding:clamp(22px,5vw,36px); border:1px solid var(--auth-rim); border-radius:22px;
 background:var(--auth-surface); box-shadow:inset 0 1px #ffffff0d,0 24px 80px #0007;
}
.landing-auth-page .auth-page { display:block; min-height:0; max-width:none; margin:0; padding:0; }
.landing-auth-page .auth-content { width:100%; }
.landing-auth-page .auth-page h1 { font-size:clamp(27px,4vw,33px); line-height:1.12; letter-spacing:-.045em; margin:0 0 8px; }
.landing-auth-page .auth-page p { color:var(--auth-muted); margin:0; }
.landing-auth-page .auth-provider-list { display:grid; gap:8px; margin-top:22px; }
.landing-auth-page .auth-page .auth-provider-list .plan-button {
 width:100%; margin:0; min-height:46px; padding:8px 14px; gap:10px; position:relative;
 background:#ffffff08; border-color:var(--auth-rim); color:var(--text);
}
.landing-auth-page .auth-page .auth-provider-list .plan-button:disabled { opacity:1; color:#a6a0af; cursor:default; }
.landing-auth-page .auth-divider { margin:18px 0; color:var(--auth-muted); }
.landing-auth-page .auth-page form { margin:0; }
.landing-auth-page .auth-page form[data-profile-form] { margin-top:20px; }
.landing-auth-page .auth-page label { margin:12px 0 6px; }
.landing-auth-page .auth-page input { display:block; width:100%; padding:10px 12px; background:#ffffff06; border-color:var(--auth-rim); }
.landing-auth-page .auth-page input:focus-visible { outline:2px solid #c9b5ec; outline-offset:2px; }
.landing-auth-page .auth-page input::placeholder { color:#9690a0; }
.auth-password-field { position:relative; }
.landing-auth-page .auth-password-field input { padding-right:68px; }
.auth-password-reveal {
 position:absolute; right:2px; top:2px; min-width:56px; min-height:44px; padding:6px; border:0;
 background:transparent; color:var(--auth-muted); font:500 12px var(--sans); cursor:pointer; border-radius:8px;
}
.landing-auth-page .auth-page .auth-hint { font-size:12px; margin:6px 0 0; }
.landing-auth-page .auth-page [hidden] { display:none; }
.landing-auth-page .auth-page .auth-form-actions { display:grid; grid-template-columns:1fr; gap:4px; margin-top:16px; }
.landing-auth-page .auth-page .auth-form-actions .plan-button { margin:0; }
.landing-auth-page .auth-page .primary { background:#eeeaf4; border-color:#fff9; color:#1e1925; box-shadow:inset 0 1px #fff; }
.landing-auth-page .auth-page .auth-mode-toggle { min-height:44px; padding:6px; border:0; background:none; color:var(--auth-muted); box-shadow:none; }
.landing-auth-page .auth-page :is([data-auth-error],[data-google-error],[data-profile-error]):not(:empty) {
 margin:12px 0 0; padding:9px 11px; border-left:2px solid #d99ba8; border-radius:0 6px 6px 0;
 background:#c5a1a814; color:#f0cbd3; font-size:13px;
}
.landing-auth-page :is(button,a):focus-visible { outline:2px solid #d4c5ed; outline-offset:3px; }
.landing-auth-page .auth-page .auth-email { margin-top:12px; font-size:13px; }
.landing-auth-page .auth-text-button { margin-top:6px; color:var(--auth-muted); }
.landing-auth-page .plan-button { transition:transform 150ms var(--auth-ease),background 150ms ease,border-color 150ms ease; }
.landing-auth-page .plan-button:enabled:active { transform:scale(.98); }
@media(hover:hover) {
 .landing-auth-back:hover,.landing-auth-page .auth-mode-toggle:hover,.auth-password-reveal:hover { color:var(--text); text-decoration:underline; text-underline-offset:4px; }
 .landing-auth-page .auth-provider-list .plan-button:enabled:hover { background:#ffffff12; border-color:#d8c8f267; }
 .landing-auth-page .auth-page input:hover { border-color:#d8c8f267; }
}
@media(prefers-reduced-motion:reduce) {
 .landing-auth-page .plan-button { transition:none; }
 .landing-auth-page .plan-button:enabled:active { transform:none; }
}
@media(prefers-contrast:more),(prefers-reduced-transparency:reduce) {
 .landing-auth-form { background:var(--bg); }
}