/* WormGPT selectable appearance v1
   Default/current theme is intentionally untouched. These overrides apply only
   after the user selects the red-and-black dark appearance in Settings. */

/* Settings appearance control (shown in both modes). */
.wg-theme-intro{margin:0 0 14px;color:#b6becd;font-size:.74rem;line-height:1.8}
.wg-theme-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.wg-theme-choice{appearance:none;width:100%;min-height:142px;padding:12px;border:1px solid rgba(204,0,41,.18);border-radius:16px;background:rgba(255,255,255,.035);color:#fff;text-align:start;cursor:pointer;box-shadow:none;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}
.wg-theme-choice:hover{border-color:rgba(255,0,51,.42);background:rgba(204,0,41,.08);transform:translateY(-1px)}
.wg-theme-choice:focus-visible{outline:2px solid #ff0033;outline-offset:3px}
.wg-theme-choice.is-selected{border-color:rgba(255,0,51,.72);background:rgba(204,0,41,.12);box-shadow:0 0 0 3px rgba(255,0,51,.09),inset 0 1px 0 rgba(255,255,255,.05)}
.wg-theme-choice-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}
.wg-theme-choice-head b{color:#fff;font-size:.82rem}
.wg-theme-check{width:22px;height:22px;display:grid;place-items:center;flex:0 0 22px;border:1px solid rgba(255,255,255,.16);border-radius:50%;color:transparent;background:rgba(255,255,255,.035);font-size:.68rem}
.wg-theme-choice.is-selected .wg-theme-check{color:#fff;border-color:#ff0033;background:linear-gradient(135deg,#ff0033,#8b0019)}
.wg-theme-choice small{display:block;margin-top:4px;color:#8f99aa;font-size:.67rem;line-height:1.6}
.wg-theme-preview{height:66px;display:grid;grid-template-columns:23px 1fr;gap:6px;padding:7px;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.10)}
.wg-theme-preview i{display:block;border-radius:5px}
.wg-theme-preview i:first-child{grid-row:1/4}
.wg-theme-preview.light{background:linear-gradient(145deg,#62001a,#2a000c)}
.wg-theme-preview.light i{background:rgba(255,255,255,.16)}
.wg-theme-preview.light i:first-child{background:linear-gradient(180deg,#a6002c,#520015)}
.wg-theme-preview.light i:last-child{background:linear-gradient(90deg,#ff0033,#8b0019)}
.wg-theme-preview.dark{background:radial-gradient(circle at 88% 5%,rgba(255,0,51,.22),transparent 45%),#030102}
.wg-theme-preview.dark i{background:rgba(255,255,255,.075);border:1px solid rgba(255,0,51,.18)}
.wg-theme-preview.dark i:first-child{background:linear-gradient(180deg,#120307,#050102);border-color:rgba(255,0,51,.28)}
.wg-theme-preview.dark i:last-child{background:linear-gradient(90deg,#ff0033,#5e0011);border:0}
.wg-theme-status{margin:11px 0 0;padding:9px 11px;border:1px solid rgba(204,0,41,.15);border-radius:12px;background:rgba(0,0,0,.15);color:#b6becd;font-size:.68rem;line-height:1.65}
@media(max-width:560px){.wg-theme-options{grid-template-columns:1fr}.wg-theme-choice{min-height:132px}}

/* Core dark palette. */
html[data-wg-theme="dark"]{color-scheme:dark;--bg:#020102!important;--bg2:#080205!important;--text:#fff7f8!important;--muted:#c7aeb3!important;--dim:#9f858c!important;--faint:#766168!important;--line:rgba(255,0,51,.27)!important;--line-soft:rgba(255,255,255,.085)!important;--card:linear-gradient(145deg,rgba(18,4,8,.96),rgba(4,1,2,.94))!important;--card-hover:linear-gradient(145deg,rgba(30,5,11,.97),rgba(7,1,3,.96))!important;--shadow:0 25px 78px rgba(0,0,0,.68),0 0 36px rgba(204,0,41,.08)!important;--bg-dark:#030102!important;--bg-panel:rgba(14,3,6,.92)!important;--bg-card:rgba(17,4,8,.94)!important;--border-crimson:rgba(255,0,51,.25)!important;--border-strong:rgba(255,0,51,.44)!important}
html[data-wg-theme="dark"],html[data-wg-theme="dark"] body{background-color:#020102!important}
html[data-wg-theme="dark"] body{background-image:radial-gradient(920px 560px at 88% -8%,rgba(255,0,51,.17),transparent 62%),radial-gradient(760px 520px at 3% 104%,rgba(139,0,25,.16),transparent 64%),linear-gradient(180deg,#070104 0%,#010101 48%,#050102 100%)!important;color:#fff7f8!important}
html[data-wg-theme="dark"] body::before{background:radial-gradient(900px 520px at 88% -7%,rgba(255,0,51,.18),transparent 62%),radial-gradient(780px 570px at 4% 108%,rgba(139,0,25,.15),transparent 65%),linear-gradient(180deg,#080104 0%,#010101 50%,#050102 100%)!important}
html[data-wg-theme="dark"] body::after{opacity:.34!important}

/* Public pages, pricing, legal pages and checkout. */
html[data-wg-theme="dark"] .wg-nav{background:rgba(3,1,2,.90)!important;border-bottom-color:rgba(255,0,51,.25)!important;box-shadow:0 14px 38px rgba(0,0,0,.48)!important}
html[data-wg-theme="dark"] .wg-footer{background:rgba(2,1,1,.92)!important;border-top-color:rgba(255,0,51,.20)!important}
html[data-wg-theme="dark"] .wg-links.open{background:rgba(7,1,3,.98)!important;border-color:rgba(255,0,51,.30)!important}
html[data-wg-theme="dark"] .wg-card,
html[data-wg-theme="dark"] .wg-plan,
html[data-wg-theme="dark"] .wg-dur,
html[data-wg-theme="dark"] .wg-mock,
html[data-wg-theme="dark"] .wg-faq details,
html[data-wg-theme="dark"] .legal-document,
html[data-wg-theme="dark"] .legal-toc{background:linear-gradient(145deg,rgba(18,4,8,.96),rgba(4,1,2,.94))!important;border-color:rgba(255,0,51,.25)!important;box-shadow:0 22px 65px rgba(0,0,0,.46)!important}
html[data-wg-theme="dark"] .wg-plan.pro{background:radial-gradient(circle at 75% 0,rgba(255,0,51,.16),transparent 38%),linear-gradient(145deg,rgba(28,5,11,.98),rgba(5,1,2,.96))!important;border-color:rgba(255,0,51,.48)!important}
html[data-wg-theme="dark"] .wg-cta{background:radial-gradient(circle at 18% 10%,rgba(255,0,51,.17),transparent 42%),linear-gradient(145deg,rgba(24,4,9,.97),rgba(3,1,2,.98))!important;box-shadow:0 30px 85px rgba(0,0,0,.60),0 0 54px rgba(204,0,41,.09)!important}
html[data-wg-theme="dark"] .wg-btn-ghost,
html[data-wg-theme="dark"] .wg-stat,
html[data-wg-theme="dark"] .wg-msg.a,
html[data-wg-theme="dark"] .wg-google,
html[data-wg-theme="dark"] .wg-ch,
html[data-wg-theme="dark"] .pay-step,
html[data-wg-theme="dark"] .pay-status,
html[data-wg-theme="dark"] .pay-method-context>div,
html[data-wg-theme="dark"] .pay-summary-item,
html[data-wg-theme="dark"] .auto-pay-status{background:rgba(255,255,255,.035)!important;border-color:rgba(255,0,51,.18)!important}
html[data-wg-theme="dark"] .wg-mock-input,
html[data-wg-theme="dark"] .wg-compose,
html[data-wg-theme="dark"] .wg-field input,
html[data-wg-theme="dark"] .wg-tip,
html[data-wg-theme="dark"] .receipt-box input,
html[data-wg-theme="dark"] .receipt-box textarea,
html[data-wg-theme="dark"] .pay-info{background:rgba(0,0,0,.58)!important;border-color:rgba(255,0,51,.25)!important}
html[data-wg-theme="dark"] body.seo-page{background:radial-gradient(circle at 84% -6%,rgba(255,0,51,.16),transparent 38%),linear-gradient(180deg,#070103,#010101 55%,#050102)!important}
html[data-wg-theme="dark"] .seo-card{background:linear-gradient(145deg,rgba(20,4,8,.96),rgba(4,1,2,.94))!important;border-color:rgba(255,0,51,.25)!important;box-shadow:0 22px 58px rgba(0,0,0,.48)!important}
html[data-wg-theme="dark"] .seo-band{background:rgba(255,0,51,.025)!important;border-block-color:rgba(255,0,51,.16)!important}
html[data-wg-theme="dark"] .seo-faq details{background:rgba(12,2,5,.88)!important;border-color:rgba(255,0,51,.20)!important}
html[data-wg-theme="dark"] .seo-table th{background:rgba(94,0,17,.36)!important}
html[data-wg-theme="dark"] .seo-table-wrap{border-color:rgba(255,0,51,.22)!important;background:rgba(5,1,2,.72)!important}
html[data-wg-theme="dark"] body.legal-page{background:radial-gradient(circle at 84% -6%,rgba(255,0,51,.15),transparent 40%),linear-gradient(180deg,#070103,#010101 56%,#050102)!important}
html[data-wg-theme="dark"] .legal-hero,
html[data-wg-theme="dark"] .legal-scope-note{background-color:rgba(7,1,3,.76)!important;border-color:rgba(255,0,51,.22)!important}

/* Chat, authentication and AI Agent surfaces. Passkey/provider behavior is not touched. */
html[data-wg-theme="dark"] body.wg-authenticated,
html[data-wg-theme="dark"] body.wg-auth-only,
html[data-wg-theme="dark"] .app-shell{background-color:#010101!important;background-image:radial-gradient(circle at 88% 0,rgba(255,0,51,.12),transparent 34%),linear-gradient(145deg,#040102,#010101 62%,#050102)!important}
html[data-wg-theme="dark"] .main-sidebar{background:linear-gradient(180deg,rgba(9,2,4,.99),rgba(2,1,1,.99))!important;border-inline-end-color:rgba(255,0,51,.23)!important}
html[data-wg-theme="dark"] .chat-header,
html[data-wg-theme="dark"] .app-topbar{background:rgba(5,1,3,.93)!important;border-color:rgba(255,0,51,.20)!important;box-shadow:0 14px 38px rgba(0,0,0,.48)!important}
html[data-wg-theme="dark"] .message-card.ai,
html[data-wg-theme="dark"] .msg-body,
html[data-wg-theme="dark"] .agent-session-card{background:linear-gradient(145deg,rgba(15,3,6,.96),rgba(3,1,2,.94))!important;border-color:rgba(255,0,51,.21)!important;box-shadow:0 16px 48px rgba(0,0,0,.46)!important}
html[data-wg-theme="dark"] .message-card.user{background:linear-gradient(135deg,rgba(139,0,25,.30),rgba(35,2,9,.86))!important;border-color:rgba(255,0,51,.32)!important}
html[data-wg-theme="dark"] .input-section{background:linear-gradient(180deg,transparent,rgba(1,1,1,.98) 34%)!important}
html[data-wg-theme="dark"] .input-box,
html[data-wg-theme="dark"] .composer,
html[data-wg-theme="dark"] .models-modal-content,
html[data-wg-theme="dark"] .account-modal-content,
html[data-wg-theme="dark"] .wg-choice-card,
html[data-wg-theme="dark"] .wg-model-controls-card,
html[data-wg-theme="dark"] .auth-card,
html[data-wg-theme="dark"] .gate-card{background:linear-gradient(145deg,rgba(15,3,6,.98),rgba(2,1,1,.98))!important;border-color:rgba(255,0,51,.28)!important;box-shadow:0 24px 78px rgba(0,0,0,.68)!important}
html[data-wg-theme="dark"] .history-item,
html[data-wg-theme="dark"] .sidebar-account-box,
html[data-wg-theme="dark"] .sidebar-account-btn,
html[data-wg-theme="dark"] .btn-sidebar,
html[data-wg-theme="dark"] .side-btn{background:rgba(255,255,255,.025)!important;border-color:rgba(255,0,51,.14)!important}

/* Standalone Settings page. */
html[data-wg-theme="dark"] .topbar{background:linear-gradient(135deg,rgba(10,2,5,.97),rgba(2,1,1,.96))!important;border-color:rgba(255,0,51,.24)!important;box-shadow:0 15px 44px rgba(0,0,0,.55)!important}
html[data-wg-theme="dark"] .page-head{background:radial-gradient(circle at 92% 0,rgba(255,0,51,.11),transparent 42%),linear-gradient(145deg,rgba(14,3,7,.96),rgba(3,1,2,.96))!important;border-color:rgba(255,0,51,.18)!important;box-shadow:0 18px 48px rgba(0,0,0,.48)!important}
html[data-wg-theme="dark"] .settings-nav{background:linear-gradient(180deg,rgba(13,3,6,.98),rgba(2,1,1,.98))!important;border-color:rgba(255,0,51,.22)!important;box-shadow:0 18px 48px rgba(0,0,0,.48)!important}
html[data-wg-theme="dark"] .settings-nav button{background:rgba(255,255,255,.022)!important;border-color:rgba(255,0,51,.09)!important}
html[data-wg-theme="dark"] .settings-nav button.active{background:linear-gradient(135deg,rgba(139,0,25,.26),rgba(25,2,7,.72))!important;border-color:rgba(255,0,51,.34)!important}
html[data-wg-theme="dark"] .panel-head{background:linear-gradient(135deg,rgba(13,3,6,.96),rgba(2,1,1,.94))!important;border-color:rgba(255,0,51,.17)!important;box-shadow:0 13px 36px rgba(0,0,0,.42)!important}
html[data-wg-theme="dark"] .settings-main .card{background:linear-gradient(145deg,rgba(15,3,7,.97),rgba(3,1,2,.97))!important;border-color:rgba(255,0,51,.18)!important;box-shadow:0 20px 58px rgba(0,0,0,.50)!important}
html[data-wg-theme="dark"] .summary-item,
html[data-wg-theme="dark"] .usage-card,
html[data-wg-theme="dark"] .quick-link,
html[data-wg-theme="dark"] .referral-stat,
html[data-wg-theme="dark"] .referral-row,
html[data-wg-theme="dark"] .account-chip{background:rgba(255,255,255,.022)!important;border-color:rgba(255,0,51,.12)!important}
html[data-wg-theme="dark"] .key-row input,
html[data-wg-theme="dark"] .referral-link input{background:rgba(0,0,0,.62)!important}

/* API dashboard, survey and maintenance pages. */
html[data-wg-theme="dark"] .wrap>.panel,
html[data-wg-theme="dark"] main.card{background:linear-gradient(145deg,rgba(14,3,6,.98),rgba(2,1,1,.98))!important;border-color:rgba(255,0,51,.25)!important;box-shadow:0 26px 82px rgba(0,0,0,.66)!important}
html[data-wg-theme="dark"] .endpoint,
html[data-wg-theme="dark"] .notice,
html[data-wg-theme="dark"] .stars label{background:rgba(255,255,255,.025)!important}
html[data-wg-theme="dark"] .code,
html[data-wg-theme="dark"] textarea{background-color:#020102!important}
html[data-wg-theme="dark"] body>.wrap>.card{background:linear-gradient(180deg,rgba(12,3,6,.98),rgba(2,1,1,.98))!important}

@media(prefers-reduced-motion:reduce){.wg-theme-choice{transition:none!important}.wg-theme-choice:hover{transform:none!important}}

/* Dark surface depth polish v2.
   These declarations only deepen surfaces; red remains reserved for accents,
   selected states and restrained ambient glows. */
html[data-wg-theme="dark"] body{
  background-color:#010101!important;
  background-image:radial-gradient(880px 520px at 90% -10%,rgba(255,0,51,.10),transparent 64%),radial-gradient(720px 500px at 0 108%,rgba(139,0,25,.08),transparent 66%),linear-gradient(180deg,#030102 0%,#010101 55%,#020102 100%)!important;
}
html[data-wg-theme="dark"] body::before{
  background:radial-gradient(860px 500px at 90% -9%,rgba(255,0,51,.11),transparent 64%),radial-gradient(720px 520px at 1% 108%,rgba(139,0,25,.08),transparent 67%),linear-gradient(180deg,#030102 0%,#010101 58%,#020102 100%)!important;
}
html[data-wg-theme="dark"] body::after{opacity:.22!important}

/* Public, SEO, pricing, payment and legal page regions. */
html[data-wg-theme="dark"] body.seo-page,
html[data-wg-theme="dark"] body.legal-page{
  background-color:#010101!important;
  background-image:radial-gradient(circle at 88% -7%,rgba(255,0,51,.10),transparent 42%),linear-gradient(180deg,#030102,#010101 58%,#020102)!important;
}
html[data-wg-theme="dark"] .wg-hero,
html[data-wg-theme="dark"] .hero,
html[data-wg-theme="dark"] .legal-hero{
  background-color:#010101!important;
  background-image:radial-gradient(circle at 82% 0,rgba(255,0,51,.10),transparent 43%),linear-gradient(180deg,rgba(5,1,3,.94),rgba(1,1,1,.98))!important;
}
html[data-wg-theme="dark"] .wg-section,
html[data-wg-theme="dark"] .pricing-plans-section,
html[data-wg-theme="dark"] .legal-layout{background-color:transparent!important}
html[data-wg-theme="dark"] .wg-card,
html[data-wg-theme="dark"] .wg-plan,
html[data-wg-theme="dark"] .wg-dur,
html[data-wg-theme="dark"] .wg-mock,
html[data-wg-theme="dark"] .wg-faq details,
html[data-wg-theme="dark"] .seo-card,
html[data-wg-theme="dark"] .legal-document,
html[data-wg-theme="dark"] .legal-toc,
html[data-wg-theme="dark"] .legal-scope-note{
  background:linear-gradient(145deg,rgba(10,2,5,.98),rgba(2,1,1,.98))!important;
  border-color:rgba(255,0,51,.22)!important;
  box-shadow:0 22px 68px rgba(0,0,0,.58)!important;
}
html[data-wg-theme="dark"] .wg-plan.pro{
  background:radial-gradient(circle at 76% 0,rgba(255,0,51,.11),transparent 39%),linear-gradient(145deg,rgba(13,2,6,.99),rgba(2,1,1,.98))!important;
}
html[data-wg-theme="dark"] .wg-cta,
html[data-wg-theme="dark"] .seo-band{
  background:radial-gradient(circle at 18% 8%,rgba(255,0,51,.09),transparent 43%),linear-gradient(145deg,rgba(8,1,4,.98),rgba(1,1,1,.99))!important;
}
html[data-wg-theme="dark"] .wg-stat,
html[data-wg-theme="dark"] .wg-msg.a,
html[data-wg-theme="dark"] .wg-btn-ghost,
html[data-wg-theme="dark"] .pay-step,
html[data-wg-theme="dark"] .pay-status,
html[data-wg-theme="dark"] .pay-method-context>div,
html[data-wg-theme="dark"] .pay-summary-item,
html[data-wg-theme="dark"] .auto-pay-status,
html[data-wg-theme="dark"] .pricing-tabs button,
html[data-wg-theme="dark"] .pricing-note,
html[data-wg-theme="dark"] .pricing-hero-note{
  background-color:rgba(255,255,255,.022)!important;
  border-color:rgba(255,0,51,.17)!important;
}
html[data-wg-theme="dark"] .wg-footer{background:#010101!important}

/* Login, signup and account recovery. Authentication controls are deliberately
   excluded so their established shine, provider branding and Passkey stay intact. */
html[data-wg-theme="dark"] body.wg-auth-only{
  background-color:#010101!important;
  background-image:radial-gradient(circle at 18% 7%,rgba(255,0,51,.11),transparent 37%),radial-gradient(circle at 85% 91%,rgba(139,0,25,.08),transparent 44%),linear-gradient(145deg,#030102,#010101 56%,#020102)!important;
}
html[data-wg-theme="dark"] body.wg-auth-only .auth-overlay{
  background:radial-gradient(circle at 50% 31%,rgba(255,0,51,.08),transparent 51%),rgba(0,0,0,.82)!important;
}
html[data-wg-theme="dark"] body.wg-auth-only .auth-card{
  background:linear-gradient(145deg,rgba(12,2,5,.98),rgba(2,1,1,.98))!important;
  border-color:rgba(255,0,51,.27)!important;
  box-shadow:0 26px 82px rgba(0,0,0,.72),0 0 42px rgba(204,0,41,.07),inset 0 1px 0 rgba(255,255,255,.055)!important;
}
html[data-wg-theme="dark"] body.wg-auth-only .input-glass,
html[data-wg-theme="dark"] body.wg-auth-only input[type="email"],
html[data-wg-theme="dark"] body.wg-auth-only input[type="password"],
html[data-wg-theme="dark"] body.wg-auth-only input[type="text"]{
  background:rgba(2,1,1,.82)!important;
  border-color:rgba(255,0,51,.22)!important;
}

/* Signed-in chat and Agent shell. Specific body selectors intentionally outrank
   the applications' older crimson !important skin without changing geometry. */
html[data-wg-theme="dark"] body.wg-authenticated,
html[data-wg-theme="dark"] body.wg-agent-chat-clone{
  --wg-chat-surface:#010101!important;
  --wg-chat-surface-2:#070104!important;
  --wg-chat-panel:linear-gradient(145deg,rgba(12,2,5,.98),rgba(2,1,1,.98))!important;
  --wg-chat-panel-hover:linear-gradient(145deg,rgba(18,3,8,.98),rgba(3,1,2,.98))!important;
  background-color:#010101!important;
  background-image:radial-gradient(820px 490px at 88% -7%,rgba(255,0,51,.09),transparent 64%),linear-gradient(145deg,#030102,#010101 63%,#020102)!important;
}
html[data-wg-theme="dark"] body.wg-authenticated #wormgpt-loader{
  background:radial-gradient(circle at 50% 36%,rgba(255,0,51,.12),transparent 58%),linear-gradient(180deg,#030102,#010101 56%,#020102)!important;
}
html[data-wg-theme="dark"] body.wg-authenticated .app-shell,
html[data-wg-theme="dark"] body.wg-agent-chat-clone .app-shell{
  background-color:#010101!important;
  background-image:radial-gradient(circle at 88% 0,rgba(255,0,51,.08),transparent 36%),linear-gradient(145deg,#030102,#010101 64%,#020102)!important;
}
html[data-wg-theme="dark"] body.wg-authenticated .main-sidebar,
html[data-wg-theme="dark"] body.wg-agent-chat-clone .main-sidebar{
  background:radial-gradient(circle at 24% 0,rgba(255,0,51,.08),transparent 37%),linear-gradient(180deg,rgba(8,1,4,.995),rgba(1,1,1,.995))!important;
  border-inline-end-color:rgba(255,0,51,.21)!important;
  box-shadow:12px 0 38px rgba(0,0,0,.58),0 0 34px rgba(204,0,41,.045)!important;
}
html[data-wg-theme="dark"] body.wg-authenticated .sidebar-header,
html[data-wg-theme="dark"] body.wg-authenticated .sidebar-footer,
html[data-wg-theme="dark"] body.wg-agent-chat-clone .sidebar-header,
html[data-wg-theme="dark"] body.wg-agent-chat-clone .sidebar-footer{
  background:rgba(4,1,2,.94)!important;
  border-color:rgba(255,0,51,.17)!important;
}
html[data-wg-theme="dark"] body.wg-authenticated .chat-header,
html[data-wg-theme="dark"] body.wg-authenticated .app-topbar,
html[data-wg-theme="dark"] body.wg-agent-chat-clone .chat-header.app-topbar{
  background:rgba(4,1,2,.94)!important;
  border-bottom-color:rgba(255,0,51,.20)!important;
  box-shadow:0 12px 36px rgba(0,0,0,.58),0 0 26px rgba(204,0,41,.045)!important;
}
html[data-wg-theme="dark"] body.wg-authenticated .history-item,
html[data-wg-theme="dark"] body.wg-authenticated .sidebar-session-item,
html[data-wg-theme="dark"] body.wg-authenticated .sidebar-account-box,
html[data-wg-theme="dark"] body.wg-authenticated .sidebar-account-btn,
html[data-wg-theme="dark"] body.wg-authenticated .btn-sidebar,
html[data-wg-theme="dark"] body.wg-authenticated .wg-support-sidebar-btn,
html[data-wg-theme="dark"] body.wg-agent-chat-clone .sidebar-session-item,
html[data-wg-theme="dark"] body.wg-agent-chat-clone .agent-cap-list span,
html[data-wg-theme="dark"] body.wg-agent-chat-clone .side-note,
html[data-wg-theme="dark"] body.wg-agent-chat-clone .user-profile-card,
html[data-wg-theme="dark"] body.wg-agent-chat-clone .btn-sidebar,
html[data-wg-theme="dark"] body.wg-agent-chat-clone .wg-model-pill-btn,
html[data-wg-theme="dark"] body.wg-agent-chat-clone .btn-nav-action{
  background:rgba(255,255,255,.025)!important;
  border-color:rgba(255,0,51,.16)!important;
  box-shadow:0 9px 26px rgba(0,0,0,.34)!important;
}
html[data-wg-theme="dark"] body.wg-authenticated .history-item:hover,
html[data-wg-theme="dark"] body.wg-authenticated .sidebar-session-item:hover,
html[data-wg-theme="dark"] body.wg-agent-chat-clone .btn-sidebar:hover{
  background:rgba(255,0,51,.065)!important;
  border-color:rgba(255,0,51,.29)!important;
}
html[data-wg-theme="dark"] body.wg-authenticated .history-item.active,
html[data-wg-theme="dark"] body.wg-authenticated .sidebar-session-item.active,
html[data-wg-theme="dark"] body.wg-authenticated .model-card-compact.active,
html[data-wg-theme="dark"] body.wg-agent-chat-clone .sidebar-session-item{
  background:linear-gradient(135deg,rgba(139,0,25,.18),rgba(7,1,3,.88))!important;
  border-color:rgba(255,0,51,.30)!important;
}
html[data-wg-theme="dark"] body.wg-authenticated .message-card.ai,
html[data-wg-theme="dark"] body.wg-agent-chat-clone .message-card.ai{
  background:linear-gradient(145deg,rgba(12,2,5,.98),rgba(2,1,1,.98))!important;
  border-color:rgba(255,0,51,.20)!important;
  box-shadow:0 17px 52px rgba(0,0,0,.55)!important;
}
html[data-wg-theme="dark"] body.wg-authenticated .message-card.user,
html[data-wg-theme="dark"] body.wg-agent-chat-clone .message-card.user{
  background:linear-gradient(135deg,rgba(139,0,25,.28),rgba(12,2,5,.95))!important;
  border-color:rgba(255,0,51,.31)!important;
}
html[data-wg-theme="dark"] body.wg-authenticated .input-section,
html[data-wg-theme="dark"] body.wg-agent-chat-clone .input-section{
  background:linear-gradient(180deg,rgba(1,1,1,0),rgba(2,1,1,.96) 35%,#010101 100%)!important;
}
html[data-wg-theme="dark"] body.wg-authenticated .input-box,
html[data-wg-theme="dark"] body.wg-agent-chat-clone .input-box{
  background:rgba(7,1,3,.96)!important;
  border-color:rgba(255,0,51,.25)!important;
  box-shadow:0 20px 58px rgba(0,0,0,.58),0 0 28px rgba(204,0,41,.06),inset 0 1px 0 rgba(255,255,255,.045)!important;
}
html[data-wg-theme="dark"] body.wg-authenticated .input-box:focus-within,
html[data-wg-theme="dark"] body.wg-agent-chat-clone .input-box:focus-within{
  background:rgba(10,1,4,.98)!important;
  border-color:rgba(255,0,51,.46)!important;
}
html[data-wg-theme="dark"] body.wg-authenticated .models-modal-content,
html[data-wg-theme="dark"] body.wg-authenticated .account-modal-content,
html[data-wg-theme="dark"] body.wg-authenticated .pro-modal-card,
html[data-wg-theme="dark"] body.wg-authenticated .wg-choice-card,
html[data-wg-theme="dark"] body.wg-authenticated .wg-model-controls-card,
html[data-wg-theme="dark"] body.wg-authenticated .wg-settings-card,
html[data-wg-theme="dark"] body.wg-authenticated .wg-plus-tools-menu,
html[data-wg-theme="dark"] body.wg-agent-chat-clone .studio-shell{
  background:linear-gradient(145deg,rgba(12,2,5,.99),rgba(2,1,1,.99))!important;
  border-color:rgba(255,0,51,.23)!important;
  box-shadow:0 26px 86px rgba(0,0,0,.72)!important;
}
html[data-wg-theme="dark"] body.wg-authenticated .model-card-compact,
html[data-wg-theme="dark"] body.wg-authenticated .wg-choice-list button,
html[data-wg-theme="dark"] body.wg-authenticated .wg-control-row,
html[data-wg-theme="dark"] body.wg-authenticated .pro-benefits-grid div,
html[data-wg-theme="dark"] body.wg-agent-chat-clone .studio-side,
html[data-wg-theme="dark"] body.wg-agent-chat-clone .studio-head,
html[data-wg-theme="dark"] body.wg-agent-chat-clone .studio-foot,
html[data-wg-theme="dark"] body.wg-agent-chat-clone .studio-project,
html[data-wg-theme="dark"] body.wg-agent-chat-clone .studio-tab{
  background:rgba(255,255,255,.022)!important;
  border-color:rgba(255,0,51,.15)!important;
}
html[data-wg-theme="dark"] body.wg-authenticated .account-modal-overlay,
html[data-wg-theme="dark"] body.wg-authenticated .pro-modal-overlay,
html[data-wg-theme="dark"] body.wg-authenticated .wg-choice-overlay,
html[data-wg-theme="dark"] body.wg-authenticated .wg-model-controls-overlay,
html[data-wg-theme="dark"] body.wg-authenticated .wg-settings-overlay,
html[data-wg-theme="dark"] body.wg-authenticated .wg-free-notice-overlay,
html[data-wg-theme="dark"] body.wg-agent-chat-clone .studio-overlay{
  background:rgba(0,0,0,.78)!important;
}
html[data-wg-theme="dark"] body.wg-authenticated .wg-support-panel,
html[data-wg-theme="dark"] body.wg-authenticated .sidebar-backdrop,
html[data-wg-theme="dark"] body.wg-agent-chat-clone .backdrop{background:rgba(0,0,0,.72)!important}
html[data-wg-theme="dark"] body.wg-authenticated .wg-support-full-head,
html[data-wg-theme="dark"] body.wg-authenticated .wg-support-chat-card-full,
html[data-wg-theme="dark"] body.wg-authenticated .wg-free-notice-card,
html[data-wg-theme="dark"] body.wg-authenticated .wg-support-chat,
html[data-wg-theme="dark"] body.wg-authenticated .wg-support-input,
html[data-wg-theme="dark"] body.wg-authenticated .wg-support-quick button,
html[data-wg-theme="dark"] body.wg-authenticated .wg-bot-msg{
  background:linear-gradient(145deg,rgba(10,2,5,.98),rgba(2,1,1,.98))!important;
  border-color:rgba(255,0,51,.19)!important;
}
html[data-wg-theme="dark"] body.wg-authenticated .code-box-pre,
html[data-wg-theme="dark"] body.wg-authenticated .wg-support-rich pre,
html[data-wg-theme="dark"] body.wg-authenticated .wg-support-rich code,
html[data-wg-theme="dark"] body.wg-agent-chat-clone .code pre,
html[data-wg-theme="dark"] body.wg-agent-chat-clone .studio-editor{background:#020102!important}

/* Standalone Settings and account tools. */
html[data-wg-theme="dark"] .page-head,
html[data-wg-theme="dark"] .settings-nav,
html[data-wg-theme="dark"] .panel-head,
html[data-wg-theme="dark"] .settings-main .card,
html[data-wg-theme="dark"] .wrap>.panel,
html[data-wg-theme="dark"] main.card,
html[data-wg-theme="dark"] body>.wrap>.card{
  background:radial-gradient(circle at 92% 0,rgba(255,0,51,.065),transparent 43%),linear-gradient(145deg,rgba(9,2,4,.99),rgba(2,1,1,.99))!important;
  border-color:rgba(255,0,51,.20)!important;
  box-shadow:0 22px 68px rgba(0,0,0,.60)!important;
}
html[data-wg-theme="dark"] .settings-nav button,
html[data-wg-theme="dark"] .summary-item,
html[data-wg-theme="dark"] .usage-card,
html[data-wg-theme="dark"] .quick-link,
html[data-wg-theme="dark"] .referral-stat,
html[data-wg-theme="dark"] .referral-row,
html[data-wg-theme="dark"] .account-chip,
html[data-wg-theme="dark"] .endpoint,
html[data-wg-theme="dark"] .notice{
  background:rgba(255,255,255,.018)!important;
  border-color:rgba(255,0,51,.13)!important;
}
html[data-wg-theme="dark"] .settings-nav button.active{
  background:linear-gradient(135deg,rgba(139,0,25,.17),rgba(5,1,2,.90))!important;
  border-color:rgba(255,0,51,.30)!important;
}

/* Remaining document sections found by the desktop/mobile surface audit. */
html[data-wg-theme="dark"] .seo-hero{
  background:radial-gradient(circle at 84% 0,rgba(255,0,51,.07),transparent 43%),linear-gradient(180deg,#030102,#010101 88%)!important;
}
html[data-wg-theme="dark"] .seo-band{
  background:rgba(255,0,51,.018)!important;
  border-block-color:rgba(255,0,51,.13)!important;
}
html[data-wg-theme="dark"] .legal-lang,
html[data-wg-theme="dark"] .legal-browser,
html[data-wg-theme="dark"] .legal-card,
html[data-wg-theme="dark"] .legal-static-list a{
  background:linear-gradient(145deg,rgba(9,2,4,.99),rgba(2,1,1,.99))!important;
  border-color:rgba(255,0,51,.19)!important;
  box-shadow:0 20px 64px rgba(0,0,0,.56)!important;
}
html[data-wg-theme="dark"] .legal-meta span,
html[data-wg-theme="dark"] .legal-card-tag,
html[data-wg-theme="dark"] .legal-callout{
  background:rgba(255,0,51,.055)!important;
  border-color:rgba(255,0,51,.18)!important;
}
html[data-wg-theme="dark"] .legal-search input{background:#020102!important;border-color:rgba(255,0,51,.21)!important}