:root{color-scheme:light}
#accountDialog .account-shortcuts svg{width:23px;height:23px;flex:0 0 23px;color:inherit}
.appearance-settings{margin:20px 0;padding:18px 0;border-top:1px solid var(--line,#e8ebef);text-align:left}
.appearance-settings h3{margin:0 0 12px;font-size:16px;color:inherit}
.theme-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#accountDialog .theme-options button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:12px;border:1px solid #ccd9ed;border-radius:14px;background:#f5f8fd;color:#36516f;font-size:15px;font-weight:600;cursor:pointer}
.theme-options svg{width:21px;height:21px;flex-shrink:0}
#accountDialog .theme-options button[aria-pressed=true]{background:#e9f2ff;color:#145cc7;border-color:#176bff;box-shadow:inset 0 0 0 1px #176bff}
#accountDialog .theme-options button:focus-visible{outline:3px solid #77aef5;outline-offset:3px}
html[data-theme=dark]{color-scheme:dark;--ink:#eef3fc;--muted:#a9b7ce;--line:#2b3b53;--soft:#192438;--surface:#141e2e;--raised:#1c2a40;--blue:#176bff;background:#0d1421}
html[data-theme=dark] body{background:#0d1421;color:#eef3fc}
html[data-theme=dark] :is(.topbar,.discovery-banner,.profile-dialog,.membership-dialog,.chat-sidebar,.chat-head,.composer,.inbox-account,.blog-card,.search-card,.landing-card,.plan,.mini-faq,.opening-example,.article-contents){background:#141e2e;color:#eef3fc;border-color:#2b3b53}
html[data-theme=dark] :is(#accountDialog,#accountDialog:not(.auth-screen),#chatPanel){background:#141e2e;color:#eef3fc;border-color:#2b3b53}
html[data-theme=dark] :is(.discovery-banner h1,.profile-vibe,.profile-meta,.country-name,.card-country,.card-sport,.section-kicker,.account-profile h3,.account-settings,.inbox-copy strong,.chat-person strong){color:#eef3fc}
html[data-theme=dark] :is(.sub,.teaser,.legal-footer,.terms-note,.chat-notice,.message-limit,.inbox-copy small,.inbox-status,.chat-person small,.profile-note,.blog-byline,.crumbs){color:#a9b7ce}
html[data-theme=dark] :is(.chat-thread,.messages,#chatPanel .messages){background:#0d1421;color:#eef3fc}
html[data-theme=dark] :is(.inbox-row,.round-control,.close-chat,.dialog-close,.close-profile,.icon-btn,.header-chat,.inbox-search,.inbox-tabs button,.chip,.model-choice,.tier-card,.membership-plan-options label,.membership-model-options label){background:#1c2a40;color:#e3edff;border-color:#344b6b}
html[data-theme=dark] :is(.inbox-row.active,.inbox-row:hover,.inbox-tabs .active,.chip.active,.model-choice.selected){background:#233f65;color:#c9e0ff}
html[data-theme=dark] :is(input,select,textarea){background:#0e1828;color:#eef3fc;border-color:#405574}
html[data-theme=dark] input::placeholder{color:#9baec9}
html[data-theme=dark] #chatPanel .message-row.them .bubble,html[data-theme=dark] #chatPanel .message-row.them .bubble::before{background:#1c2a40;color:#eef3fc;border-color:#466891}
html[data-theme=dark] .message-row.me .bubble{background:#185bca;color:#fff}
html[data-theme=dark] #accountDialog :is(.account-details,.account-referral,.membership-pending,.retention-offer){background:#1c2a40;border-color:#344b6b;color:#eef3fc}
html[data-theme=dark] #accountDialog :is(.account-referral h3,#accountReferralRate,.account-referral>label,#accountReferralStatus,.account-renewal,.allowance-number,.account-settings h3,.account-deletion summary,.account-deletion p,#accountEmail,#unlockHelp,.terms-note,.terms-note a){color:#c0cde1}
html[data-theme=dark] #accountDialog :is(#accountReferralLink,#accountReferralDashboard,.membership-badge,.account-shortcuts button,.theme-options button){background:#1c2a40;color:#c8dfff;border-color:#517db7;box-shadow:none}
html[data-theme=dark] #accountDialog .theme-options button[aria-pressed=true]{background:#244975;border-color:#86b9ff;color:#fff;box-shadow:inset 0 0 0 1px #86b9ff}
html[data-theme=dark] #accountDialog .account-shortcuts button:hover{background:#294466}
html[data-theme=dark] :is(.text-button,.account-inline,.legal-footer a,.blog-article a,.landing-copy a){color:#9fc7ff}
html[data-theme=dark] .floating-nav{background:rgba(20,30,46,.93);border-color:#354863;box-shadow:0 8px 32px #0005}
html[data-theme=dark] .floating-nav button{color:#bfcee4}
html[data-theme=dark] .floating-nav button:is(.is-active,:hover){background:#263e5e;color:#9bc6ff}
html[data-theme=dark] .profile-actions{background:linear-gradient(transparent,#141e2e 35%)}
html[data-theme=dark] .profile-chat-pill{box-shadow:0 0 0 8px #141e2e}
html[data-theme=dark] #chatPanel .composer input{background:#1c2a40;color:#eef3fc}
html[data-theme=dark] .model-card .card-copy{background:#0d1421;color:#eef3fc}
html[data-theme=dark] :is(.card-title,.model-card .teaser){color:#eef3fc}
html[data-theme=dark] dialog::backdrop{background:#030810b8}
@media(max-width:700px){html[data-theme=dark].mobile-chat-open,html[data-theme=dark] #chatPanel::backdrop{background:#0d1421}}
html[data-theme=dark] .model-card .card-details :is(.card-country,.card-sport){color:#c0cde1;background:transparent}
html[data-theme=dark] :is(#languagePicker summary,.language-options){background:#1c2a40;color:#eef3fc;border-color:#344b6b}
html[data-theme=dark] #languagePicker{color:#eef3fc}
html[data-theme=dark] .language-options button:is(:hover,[aria-pressed=true]){background:#294466;color:#c8dfff}
html[data-theme=dark] .language-options small{color:#a9b7ce}
html[data-theme=dark] :is(.tier-card p,.tier-feature,.tier-shared,.terms-note a,.membership-current,.membership-actions-note,.profile-label,.account-status){color:#b8c9e2}
html[data-theme=dark] :is(.secondary,.profile-quick-panel){background:#1c2a40;color:#c8dfff;border-color:#405b80}
html[data-theme=dark] :is(.profile-quick-panel span,.profile-quick-panel strong){color:inherit}