/* WormGPT shared visual shell — drawn from the live WormAgent chat surface.
   Same red-above / near-black-below light falloff on all human-facing pages.
   Keep payment, account, permissions and agent logic untouched. */
:root{
  --wg-unified-red:#ff0033;
  --wg-unified-line:rgba(255,82,110,.28);
  --wg-unified-surface:linear-gradient(145deg,rgba(72,5,22,.64),rgba(13,4,9,.88));
  --wg-unified-backdrop:
    radial-gradient(1200px 790px at 85% -10%,rgba(255,0,51,.40),transparent 53%),
    radial-gradient(940px 760px at 41% 33%,rgba(171,0,38,.25),transparent 62%),
    linear-gradient(180deg,#2c000a 0%,#190008 36%,#0a0306 70%,#070205 100%);
}
html,html[data-wg-theme]{background:#070205!important;background-color:#070205!important;scrollbar-color:rgba(255,77,105,.56) rgba(12,3,7,.8)}
html body,
html[data-wg-theme] body,
html body.wa-agent-page,
html body.admin-body-scroll,
html[data-wg-theme] body.wg-authenticated,
html[data-wg-theme] body.wg-auth-only,
html[data-wg-theme] body:not(.wa-agent-page),
html[data-wg-theme] body.wg-chat-agent-mirror.wa-agent-page{
  background-color:#070205!important;
  background-image:var(--wg-unified-backdrop)!important;
  background-attachment:fixed!important;
}
html body::before,html body::after,
html[data-wg-theme] body.wg-authenticated.wa-agent-page::before,
html[data-wg-theme] body.wg-authenticated.wa-agent-page::after,
html[data-wg-theme] body.wg-home::before,
html[data-wg-theme] body.wg-home::after,
html[data-wg-theme] body:not(.wa-agent-page)::before,
html[data-wg-theme] body:not(.wa-agent-page)::after{
  background:transparent!important;background-color:transparent!important;
  background-image:none!important;opacity:0!important;pointer-events:none!important;
}
/* This top-to-bottom backdrop is not an image asset: it renders offline too. */
html body .wg-nav,html body .wg-footer,html body .foot,html body .mast,
html body.wa-agent-page .chat-header.app-topbar{
  background:rgba(13,3,8,.80)!important;
  border-color:var(--wg-unified-line)!important;
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
}
html body .wg-hero,html body .wg-section,html body .wg-showcase,
html body .section-alt,html body .pricing-plans-section{background:transparent!important}
html body .wg-plan,html body .wg-card,html body .wg-feature-card,
html body .pricing-plan,html body .legal-card,
html body #content .card,html body #content .panel,
html body.admin-body-scroll .admin-settings-card,html body.admin-body-scroll .stats-card{
  background:var(--wg-unified-surface)!important;
  border-color:var(--wg-unified-line)!important;
}
html body .wg-plan:hover,html body #content .card:hover{border-color:rgba(255,105,135,.55)!important}
/* Agent and normal chat share exactly one shell gradient and one glass frame. */
html body.wa-agent-page #chatMainCol,
html[data-wg-theme] body.wg-chat-agent-mirror #chatMainCol,
html body.wa-agent-page .messages-container,
html[data-wg-theme] body.wg-chat-agent-mirror .messages-container.wa-agent-messages{
  background:transparent!important;background-image:none!important;
}
html body.wa-agent-page .sidebar,
html[data-wg-theme] body.wg-chat-agent-mirror #mainSidebar{
  background:linear-gradient(180deg,rgba(72,0,18,.86),rgba(26,3,10,.89) 56%,rgba(7,2,5,.96))!important;
  border-inline-end:1px solid rgba(255,77,104,.35)!important;
  box-shadow:0 0 36px rgba(0,0,0,.3)!important;
}
html body.wa-agent-page .sidebar-header,html body.wa-agent-page .sidebar-footer,
html body.wg-chat-agent-mirror .sidebar-header,html body.wg-chat-agent-mirror .sidebar-footer{
  background:rgba(15,3,8,.48)!important;border-color:rgba(255,77,104,.22)!important;
}
html body.wa-agent-page .input-section,
html[data-wg-theme] body.wg-chat-agent-mirror .input-section.wa-input-section{
  background:linear-gradient(180deg,rgba(7,2,5,0),rgba(7,2,5,.93) 42%,#070205 100%)!important;
}
html body.wa-agent-page .input-box,
html body.wg-chat-agent-mirror .input-box.wa-input-box{
  background:rgba(12,4,6,.84)!important;
  border:1px solid rgba(255,65,99,.34)!important;
  box-shadow:0 18px 55px rgba(0,0,0,.45)!important;
  border-radius:20px!important;
}
html body.wa-agent-page .message-card.ai,
html[data-wg-theme] body.wg-chat-agent-mirror .message-card.ai{
  background:linear-gradient(145deg,rgba(41,5,15,.83),rgba(13,3,7,.90))!important;
  border:1px solid rgba(255,71,104,.30)!important;
  box-shadow:0 16px 44px rgba(0,0,0,.22)!important;
}
html body.wa-agent-page .message-card.user,
html[data-wg-theme] body.wg-chat-agent-mirror .message-card.user{
  background:linear-gradient(135deg,rgba(147,0,37,.37),rgba(27,4,11,.86))!important;
  border-color:rgba(255,101,125,.36)!important;
}
/* The ordinary chat borrows WormAgent's structural CSS without borrowing agent logic. */
html body.wg-chat-agent-mirror #mainSidebar,
html[data-wg-theme] body.wg-chat-agent-mirror.wa-agent-page #mainSidebar{
  width:235px!important;min-width:235px!important;max-width:235px!important;
  flex:0 0 235px!important;box-sizing:border-box!important;
}
html body.wg-chat-agent-mirror .chat-center-col.wa-agent-center{max-width:880px!important}
html body.wg-chat-agent-mirror .wa-welcome-card{margin-top:clamp(20px,8vh,90px)!important}
html body.wg-chat-agent-mirror .wg-model-pill-btn.wa-agent-pill{cursor:pointer!important}
html body.wg-chat-agent-mirror .wg-model-pill-btn.wa-agent-pill .wg-select-label{min-width:0;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body.wg-chat-agent-mirror .wg-model-pill-btn.wa-agent-pill small{padding:2px 6px;border-radius:999px;background:rgba(255,0,51,.15);color:#ffb7c7;font-size:.6rem;font-weight:900}
html body.wg-chat-agent-mirror .sidebar-sessions-list{min-height:0;overflow-y:auto;scrollbar-color:rgba(255,77,104,.48) transparent}
html body.wg-chat-agent-mirror .wa-input-foot{display:flex;align-items:center;justify-content:space-between;gap:7px;max-width:860px;margin:4px auto 0;padding:0 6px;color:#aaa0a6;font-size:.62rem;line-height:1.4}
html body.wg-chat-agent-mirror #btnModelControls,
html body.wg-chat-agent-mirror #btnVoiceInput{display:none!important}
html body.wg-chat-agent-mirror .wg-support-fab{display:none!important}
html body.wg-chat-agent-mirror .wa-side-new{margin:2px 0 12px!important}
/* Public forms, pay, legal and admin use the same readable dark-glass palette. */
html body.wg-pay-page .wg-pay-shell,
html body.legal-page .legal-wrap,
html body.legal-page .legal-shell,
html body.admin-body-scroll .admin-container,
html body .apply-shell{background:rgba(15,4,9,.27)!important;border-color:var(--wg-unified-line)!important}
html body.admin-body-scroll .admin-table-wrap,html body.admin-body-scroll section.glass,
html body.admin-body-scroll .admin-user-card,html body.admin-body-scroll #wgCreatorAdmin{
  background:var(--wg-unified-surface)!important;border-color:var(--wg-unified-line)!important;
}
html body .btn-primary,html body .wg-btn-primary{border-color:rgba(255,84,113,.54)!important;box-shadow:0 10px 27px rgba(149,0,34,.25)!important}
html body #content .apply-card{background:rgba(7,2,5,.68)!important}
@media(max-width:760px){
  html body.wg-chat-agent-mirror #mainSidebar,
  html[data-wg-theme] body.wg-chat-agent-mirror.wa-agent-page #mainSidebar{
    width:min(270px,88vw)!important;min-width:min(270px,88vw)!important;
    max-width:min(270px,88vw)!important;flex:0 0 min(270px,88vw)!important;
  }
  html body.wg-chat-agent-mirror .wg-model-pill-btn.wa-agent-pill{max-width:42vw!important}
  html body.wg-chat-agent-mirror .wg-model-pill-btn.wa-agent-pill small{display:none!important}
  html body.wg-chat-agent-mirror .wa-input-foot{font-size:.56rem;gap:4px;padding:0 3px}
}
@media(max-width:360px){
  html body.wg-chat-agent-mirror .wg-model-pill-btn.wa-agent-pill{max-width:37vw!important}
  html body.wg-chat-agent-mirror .wg-model-pill-btn.wa-agent-pill .wa-agent-spark{display:none!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}


/* Final pure black-and-white mode v2 — supersedes the earlier neutral-gray pass. */