#account-screen{align-content:center;grid-auto-rows:max-content;gap:24px}
.accent-picker{display:flex;align-items:center;justify-content:center;padding:20px 25px;border:1px solid #bac8de28;border-radius:24px;background:#101217c9;backdrop-filter:blur(12px)}
.accent-options{display:flex;align-items:center;gap:19px}
.accent-swatch{position:relative;display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:var(--swatch);color:#0c1015;box-shadow:none;transition:box-shadow .18s,outline-color .18s}
.accent-swatch[aria-pressed=true]{outline:2px solid var(--swatch);outline-offset:5px;box-shadow:0 0 12px color-mix(in srgb,var(--swatch) 45%,transparent)}
.accent-swatch:hover{box-shadow:0 0 14px color-mix(in srgb,var(--swatch) 55%,transparent)}
.accent-swatch:focus-visible{outline:2px solid #fff;outline-offset:6px}
.accent-swatch svg{width:18px;height:18px;stroke-width:3;opacity:0}
.accent-swatch[aria-pressed=true] svg{opacity:1}
/* Provider icons and model cards deliberately retain their own brand rims. */
html[data-ui-accent] :is(.content-island,.sky-island,.control-deck,.side-manifesto,.side-proof,.discovery-banner,.subscription-banner,.refund-banner,.discovery-nudge,.telegram-bot,.guide-card,.account-card,.account-subscription,.work-text-banner,.work-video-card,.subscription-offer,.social-link,.accent-picker){
 --rim:var(--ui-accent);
 border-color:color-mix(in srgb,var(--ui-accent) 78%,#202329);
 box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ui-accent) 9%,transparent),inset 0 1px #ffffff18,0 0 5px color-mix(in srgb,var(--ui-accent) 42%,transparent),0 0 23px color-mix(in srgb,var(--ui-accent) 19%,transparent),0 12px 35px #0003;
}
html[data-ui-accent] .refund-banner:before{background:linear-gradient(115deg,var(--ui-accent),color-mix(in srgb,var(--ui-accent) 65%,white),var(--ui-accent),color-mix(in srgb,var(--ui-accent) 80%,white),var(--ui-accent));background-size:300% 300%}
html[data-ui-accent] .subscription-offer{background:linear-gradient(115deg,#17120bf0,#09090feb 58%,#161020eb) padding-box,linear-gradient(115deg,var(--ui-accent),color-mix(in srgb,var(--ui-accent) 55%,#151820),var(--ui-accent)) border-box}
html[data-ui-accent] .control-deck nav .tab.active,html[data-ui-accent] .control-deck button:active,html[data-ui-accent] .control-deck #language-toggle[aria-expanded=true]{border-color:var(--ui-accent);background-color:color-mix(in srgb,var(--ui-accent) 5%,transparent);box-shadow:inset 0 0 12px color-mix(in srgb,var(--ui-accent) 11%,transparent),0 0 5px color-mix(in srgb,var(--ui-accent) 70%,transparent),0 0 18px color-mix(in srgb,var(--ui-accent) 33%,transparent)}
@media(max-width:760px){
  .accent-picker{max-width:100%;padding:16px clamp(12px,4vw,20px) 18px}
  .accent-options{gap:clamp(9px,3.5vw,17px)}
  .accent-swatch{width:clamp(27px,7.6vw,31px);height:clamp(27px,7.6vw,31px)}
  #account-screen{gap:23px}
}
@media(prefers-reduced-motion:reduce){.accent-swatch{transition:none}}

/* Account panels share the same neutral glass as the home billboards. */
:root{--ui-panel-glass:linear-gradient(140deg,#d5d8df0e,#14171e55 50%,#aabfff06)}
.content-island>.side-manifesto,.content-island>.side-proof,.account-card,.account-subscription{background:var(--ui-panel-glass)}
.account-card{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.account-card :is(.account-description,.local-note,#subscription-description,#subscription-timer-label,.subscription-countdown span){color:#aeb1bc}
.account-card form>label,.subscription-heading h2{color:#e0e2ea}
.account-card .optional{color:#969ba7}
.account-card input::placeholder{color:#8c929f}
html[data-ui-accent] .account-card .eyebrow{color:color-mix(in srgb,var(--ui-accent) 65%,#cbd0dc)}
html[data-ui-accent] .profile-avatar{
 color:color-mix(in srgb,var(--ui-accent) 65%,white);
 border-color:color-mix(in srgb,var(--ui-accent) 68%,transparent);
 background:linear-gradient(135deg,color-mix(in srgb,var(--ui-accent) 12%,#171b24),#11151c88);
 box-shadow:inset 0 1px #fff2,0 0 16px color-mix(in srgb,var(--ui-accent) 16%,transparent);
}
html[data-ui-accent] input:not([type=checkbox]){
 border-color:color-mix(in srgb,var(--ui-accent) 25%,#333945);
 background:#0a0e1466;color:#eef0f5;outline-color:var(--ui-accent);
 transition:border-color .2s,box-shadow .2s;
}
html[data-ui-accent] input:not([type=checkbox]):focus{
 outline:2px solid var(--ui-accent);outline-offset:3px;
 border-color:var(--ui-accent);box-shadow:0 0 16px color-mix(in srgb,var(--ui-accent) 18%,transparent);
}
html[data-ui-accent] .save-button{
 border-color:color-mix(in srgb,var(--ui-accent) 75%,white);
 background:linear-gradient(125deg,color-mix(in srgb,var(--ui-accent) 66%,white),var(--ui-accent));
 color:#0a0e13;box-shadow:inset 0 1px #fff6,0 0 14px color-mix(in srgb,var(--ui-accent) 20%,transparent);
 transition:box-shadow .2s,filter .2s;
}
html[data-ui-accent] .save-button:is(:hover,:focus-visible){box-shadow:inset 0 1px #fff7,0 0 9px color-mix(in srgb,var(--ui-accent) 60%,transparent),0 0 25px color-mix(in srgb,var(--ui-accent) 24%,transparent)}
html[data-ui-accent] .account-subscription.is-active .subscription-countdown strong{color:color-mix(in srgb,var(--ui-accent) 70%,white);text-shadow:0 0 14px color-mix(in srgb,var(--ui-accent) 22%,transparent)}
html[data-ui-accent] .performance-control input:checked+.performance-icon{
 color:color-mix(in srgb,var(--ui-accent) 65%,white);border-color:color-mix(in srgb,var(--ui-accent) 65%,transparent);
 background:color-mix(in srgb,var(--ui-accent) 8%,#10141b);box-shadow:0 0 12px color-mix(in srgb,var(--ui-accent) 16%,transparent);
}
html[data-ui-accent] .performance-control input:checked+.performance-icon i{background:var(--ui-accent);box-shadow:0 0 7px var(--ui-accent)}
html[data-ui-accent] .performance-control input:focus-visible+.performance-icon{outline-color:var(--ui-accent)}
html[data-ui-accent] :is(#language-menu,.performance-tooltip,.toast,#info-dialog,#trial-dialog,#model-dialog){
 border-color:color-mix(in srgb,var(--ui-accent) 60%,#303743);
 background:linear-gradient(135deg,#1a1d26f5,#0b0e14f5);
 box-shadow:inset 0 1px #fff1,0 0 24px color-mix(in srgb,var(--ui-accent) 16%,transparent),0 18px 55px #0008;
}
html[data-ui-accent] :is(#language-menu button[aria-checked=true],.performance-tooltip strong,.toast){color:color-mix(in srgb,var(--ui-accent) 60%,white)}
html[data-ui-accent] :is(.info-close,.model-download,.page-secondary,.provider-filters button[aria-pressed=true],.file-badge){
 color:color-mix(in srgb,var(--ui-accent) 60%,white);border-color:color-mix(in srgb,var(--ui-accent) 55%,#303743);
 background:color-mix(in srgb,var(--ui-accent) 6%,#0d1119);
}
html[data-ui-accent] :is(button,a,input):focus-visible{outline-color:var(--ui-accent)}
html[data-ui-accent] .social-link:is(:hover,:active,.social-pressed){border-color:var(--ui-accent);background:color-mix(in srgb,var(--ui-accent) 9%,#0a0e14);box-shadow:inset 0 0 12px color-mix(in srgb,var(--ui-accent) 10%,transparent),0 0 16px color-mix(in srgb,var(--ui-accent) 30%,transparent)}
html[data-ui-accent] #trial-button{
 border-color:var(--ui-accent);box-shadow:inset 0 1px 2px #ffffff55,inset 0 -1px 3px #b8c5da22,0 0 12px color-mix(in srgb,var(--ui-accent) 26%,transparent),0 13px 35px #0006;
 transition:box-shadow .22s,border-color .22s,scale .12s;
}
html[data-ui-accent] #trial-button>span:not(.trial-glass-highlights){
 font-family:'Unbounded','Manrope',sans-serif;font-size:clamp(16px,1.05vw,24px);font-weight:700;letter-spacing:-.045em;line-height:1.45;
 color:var(--ui-accent);text-shadow:0 2px 7px #000b,0 0 16px color-mix(in srgb,var(--ui-accent) 23%,transparent);
 transition:text-shadow .22s;
}
html[data-ui-accent] #trial-button:is(:hover,:focus-visible){
 border-color:color-mix(in srgb,var(--ui-accent) 65%,white);
 box-shadow:inset 0 1px 3px #ffffff80,inset 0 0 22px color-mix(in srgb,var(--ui-accent) 12%,transparent),0 0 11px color-mix(in srgb,var(--ui-accent) 78%,transparent),0 0 34px color-mix(in srgb,var(--ui-accent) 40%,transparent),0 0 65px color-mix(in srgb,var(--ui-accent) 17%,transparent),0 13px 35px #0006;
}
html[data-ui-accent] #trial-button:is(:hover,:focus-visible)>span:not(.trial-glass-highlights){text-shadow:0 2px 7px #000b,0 0 9px color-mix(in srgb,var(--ui-accent) 50%,transparent),0 0 25px color-mix(in srgb,var(--ui-accent) 28%,transparent)}
html[data-ui-accent] #trial-button:active{scale:.97;box-shadow:inset 0 0 28px color-mix(in srgb,var(--ui-accent) 20%,transparent),0 0 15px color-mix(in srgb,var(--ui-accent) 85%,transparent),0 0 45px color-mix(in srgb,var(--ui-accent) 40%,transparent)}
@media(max-width:760px){html[data-ui-accent] #trial-button>span:not(.trial-glass-highlights){font-size:clamp(13px,3.7vw,18px)}}
@media(prefers-reduced-motion:reduce){html[data-ui-accent] #trial-button,html[data-ui-accent] #trial-button>span:not(.trial-glass-highlights){transition:none}html[data-ui-accent] #trial-button:active{scale:1}}
@media(prefers-reduced-motion:reduce){html[data-ui-accent] input:not([type=checkbox]),html[data-ui-accent] .save-button{transition:none}}
#account-auth[hidden],#account-profile[hidden],#auth-name-field[hidden],#auth-form[hidden],#auth-verify-form[hidden]{display:none!important}
.account-auth-card{display:block;width:min(465px,100%);padding:32px}
.account-auth-card h1{font-family:'Unbounded','Manrope',sans-serif;font-size:22px;line-height:1.4;letter-spacing:-.7px;margin:12px 0 16px}
#auth-intro{font-size:12px;line-height:1.8;color:#afb5c2;margin:0 0 24px}
.auth-modes{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:24px;padding:5px;border:1px solid #ffffff16;border-radius:13px;background:#05080d55}
.auth-modes button{min-height:38px;border:1px solid transparent;border-radius:9px;background:transparent;color:#a6adbc;font:650 11px 'Manrope',sans-serif}
.auth-modes button[aria-pressed=true]{color:color-mix(in srgb,var(--ui-accent) 65%,white);border-color:color-mix(in srgb,var(--ui-accent) 55%,transparent);background:color-mix(in srgb,var(--ui-accent) 8%,#0c1118);box-shadow:0 0 12px color-mix(in srgb,var(--ui-accent) 15%,transparent)}
#auth-password-hint{margin:-7px 0 22px;color:#929baa;font-size:10px;line-height:1.6}
#auth-code{font-size:28px;font-weight:750;letter-spacing:.36em;text-align:center;font-variant-numeric:tabular-nums;padding:15px 10px 15px 20px}
#auth-code-hint{font-size:11px;line-height:1.7;color:#a6aebd;margin:12px 0 22px}
#auth-verify-submit{width:100%;justify-content:center;font-size:12px;min-height:46px}
.auth-verify-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:18px}
.auth-verify-actions button{background:transparent;border:0;padding:5px 0;color:color-mix(in srgb,var(--ui-accent) 60%,white);font:600 11px 'Manrope',sans-serif;cursor:pointer}
.auth-verify-actions button:disabled{color:#929baa;cursor:default}
#auth-verify-feedback{font-size:11px;line-height:1.7;color:color-mix(in srgb,var(--ui-accent) 50%,white);margin:14px 0 0;overflow-wrap:anywhere}
#auth-verify-feedback:empty{display:none}
#auth-feedback,#profile-feedback{font-size:11px;line-height:1.7;color:color-mix(in srgb,var(--ui-accent) 50%,white);margin:14px 0 0;overflow-wrap:anywhere}
#profile-feedback{grid-column:2}#profile-feedback:empty,#auth-feedback:empty{display:none}
#account-logout{margin-left:auto;flex-shrink:0;padding:9px 12px;font-size:10px;border-radius:10px}
#profile-email[readonly]{color:#aeb5c1;cursor:default}
.account-auth-card button:disabled{opacity:.65;cursor:wait}
@media(max-width:760px){.account-auth-card{padding:26px 22px}.account-auth-card h1{font-size:20px}#account-logout{padding:8px;font-size:9px}#profile-feedback{grid-column:auto}}