/* Ground layer — Black (default), Cream white, Cream gold.
   Values are the house values, not new ones:
   cream white = H Alpha AI home light theme (halpha_dralpha_home.html: #F5F1E8 / ink #1C1C2E / gold #B8860B, #8B6508);
   cream gold  = the H Alpha sign-in ground (login.html: #FBF3DF → #F2E5C4 → #E8D6A8, card #FBF8F0, line #E4DCC9).
   The gold card itself is artwork and is identical on every ground. */
html[data-ground=cream]{color-scheme:light;
  --g-bg:#F5F1E8;--g-field:radial-gradient(ellipse 34% 52% at 50% 42%,#B8860B14,transparent 78%),#F5F1E8;
  --g-panel:#FBF8F0;--g-surface:#FFFFFF;--g-raised:#FFFFFF;
  --g-ink:#1C1C2E;--g-mid:#4a4a6a;--g-dim:#7a7a9a;--g-line:rgba(28,28,46,.12);--g-line-strong:rgba(28,28,46,.22);
  --g-au:#B8860B;--g-au-ink:#8B6508;--g-au-soft:rgba(184,134,11,.10);--g-au-line:rgba(184,134,11,.38)}
html[data-ground=gold]{color-scheme:light;
  --g-bg:#F2E5C4;--g-field:radial-gradient(120% 110% at 50% 0%,#FBF3DF 0%,#F2E5C4 45%,#E8D6A8 100%);
  --g-panel:#FBF3DF;--g-surface:#FBF8F0;--g-raised:#FBF8F0;
  --g-ink:#1C1C2E;--g-mid:#4a4a6a;--g-dim:#6f6a5c;--g-line:#E4DCC9;--g-line-strong:rgba(139,101,8,.28);
  --g-au:#B8860B;--g-au-ink:#8B6508;--g-au-soft:rgba(184,134,11,.13);--g-au-line:rgba(139,101,8,.40)}

/* ---- Shared light-ground rules (both creams) ---- */
html[data-ground]:not([data-ground=black]){--ink:var(--g-ink);--line:var(--g-line);--ground:var(--g-bg);--gold:var(--g-au)}
html[data-ground]:not([data-ground=black]),html[data-ground]:not([data-ground=black]) body{background:var(--g-bg);color:var(--g-ink)}
html[data-ground=gold]:not([data-ground=black]) body,html[data-ground=gold]:not([data-ground=black]) .workspace{background:var(--g-field) fixed}
:root[data-ground]:not([data-ground=black]) :is(.mark-light){display:none}
:root[data-ground]:not([data-ground=black]) :is(.mark-ink){display:block}
.mark-ink{display:none}

/* Landing */
html[data-ground]:not([data-ground=black]) .atmosphere{background:var(--g-field)}
html[data-ground]:not([data-ground=black]) .horizon{background:radial-gradient(ellipse closest-side,#B8860B10,transparent)}
html[data-ground]:not([data-ground=black]) .dust{opacity:.14}
html[data-ground]:not([data-ground=black]) :is(.house-label,.preview-label,.gate-footer,.motion){color:var(--g-mid)}
html[data-ground]:not([data-ground=black]) .house-divider{background:var(--g-line-strong)}
html[data-ground]:not([data-ground=black]) .eyebrow,html[data-ground]:not([data-ground=black]) .gateway>.eyebrow{color:var(--g-au-ink)}
html[data-ground]:not([data-ground=black]) .invitation h1{color:var(--g-ink)}
html[data-ground]:not([data-ground=black]) .invitation h1 span{color:var(--g-au)}
html[data-ground]:not([data-ground=black]) .invitation p{color:var(--g-mid)}
html[data-ground]:not([data-ground=black]) .enter-label{color:var(--g-au-ink);background:var(--g-au-soft);border-color:var(--g-au-line);box-shadow:none}
html[data-ground]:not([data-ground=black]) .entrance:hover .enter-label,html[data-ground]:not([data-ground=black]) .entrance:focus-visible .enter-label{background:rgba(184,134,11,.18);border-color:var(--g-au)}
html[data-ground]:not([data-ground=black]) .enter-label::before{background:linear-gradient(110deg,transparent 30%,#ffffff70 50%,transparent 70%)}
/* On a light ground the card reads by its shadow, not by glow. */
html[data-ground]:not([data-ground=black]) .metal-card{filter:drop-shadow(0 0 .5px #8B650880) drop-shadow(0 18px 22px rgba(60,40,8,.20)) drop-shadow(0 4px 6px rgba(60,40,8,.14))}
html[data-ground]:not([data-ground=black]) .card-halo{opacity:.55}
html[data-ground]:not([data-ground=black]) .ground-glow{background:radial-gradient(ellipse,rgba(60,40,8,.22),transparent 68%)}
html[data-ground]:not([data-ground=black]) .motion-dot{background:var(--g-au);box-shadow:none}

/* Workspace */
html[data-ground]:not([data-ground=black]) .sidebar{background:var(--g-panel);border-right-color:var(--g-line)}
html[data-ground]:not([data-ground=black]) .side-brand>span{color:var(--g-au-ink);border-left-color:var(--g-line-strong)}
html[data-ground]:not([data-ground=black]) .new-chat{color:var(--g-au-ink);background:var(--g-au-soft);border-color:var(--g-au-line)}
html[data-ground]:not([data-ground=black]) :is(.new-chat kbd,.history-search,.history-search input::placeholder,.side-label,.history-empty,.profile div>span,.composer-hint,.demo-notice,.header-divider,.context-divider){color:var(--g-dim)}
html[data-ground]:not([data-ground=black]) :is(.history-row,.explore-link,.library-button,#thread-heading,.text-button,.trade-modes button,.composer-context,.answer-actions button,.pending,.cost-bar){color:var(--g-mid)}
html[data-ground]:not([data-ground=black]) :is(.history-row:hover,.explore-link:hover,.icon-button:hover){background:rgba(28,28,46,.04);color:var(--g-ink)}
html[data-ground]:not([data-ground=black]) .history-row.active{color:var(--g-au-ink);background:var(--g-au-soft)}
html[data-ground]:not([data-ground=black]) :is(.history-glyph,.explore-link>span,.library-button>span:last-child,.suggestion-arrow,.source-chip>span,.context-dot){color:var(--g-au)}
html[data-ground]:not([data-ground=black]) .context-dot{background:var(--g-au)}
html[data-ground]:not([data-ground=black]) .profile-avatar{background:var(--g-surface);border-color:var(--g-au-line)}
html[data-ground]:not([data-ground=black]) .desk-label{color:var(--g-au-ink)}
html[data-ground]:not([data-ground=black]) .demo-badge{color:var(--g-au-ink);border-color:var(--g-au-line);background:var(--g-au-soft)}
html[data-ground]:not([data-ground=black]) .icon-button{color:var(--g-mid);border-color:var(--g-line-strong)}
html[data-ground]:not([data-ground=black]) .desk-main{scrollbar-color:#cfc6b0 transparent}
html[data-ground]:not([data-ground=black]) .welcome .welcome-mark{filter:none}
html[data-ground]:not([data-ground=black]) .welcome h2{color:var(--g-ink)}
html[data-ground]:not([data-ground=black]) .welcome-description{color:var(--g-mid)}
html[data-ground]:not([data-ground=black]) .trade-modes{border-color:var(--g-line-strong);background:var(--g-surface)}
html[data-ground]:not([data-ground=black]) .trade-modes button[aria-pressed=true]{color:var(--g-au-ink);background:var(--g-au-soft)}
html[data-ground]:not([data-ground=black]) .suggestion{background:var(--g-surface);border-color:var(--g-line-strong)}
html[data-ground]:not([data-ground=black]) .suggestion:hover{border-color:var(--g-au);background:var(--g-raised)}
html[data-ground]:not([data-ground=black]) .suggestion strong{color:var(--g-ink)}
html[data-ground]:not([data-ground=black]) .suggestion>span{color:var(--g-mid)}
html[data-ground]:not([data-ground=black]) .composer-area{background:linear-gradient(0deg,var(--g-bg) 88%,transparent)}
html[data-ground=gold]:not([data-ground=black]) .composer-area{background:none}
html[data-ground=gold]:not([data-ground=black]) .desk-main{-webkit-mask-image:linear-gradient(#000 calc(100% - 28px),transparent);mask-image:linear-gradient(#000 calc(100% - 28px),transparent)}
html[data-ground]:not([data-ground=black]) .composer{background:var(--g-surface);border-color:var(--g-line-strong);box-shadow:0 2px 14px rgba(60,40,8,.06)}
html[data-ground]:not([data-ground=black]) .composer:focus-within{border-color:var(--g-au)}
html[data-ground]:not([data-ground=black]) .composer textarea{color:var(--g-ink)}
html[data-ground]:not([data-ground=black]) .composer textarea::placeholder{color:var(--g-dim)}
html[data-ground]:not([data-ground=black]) .send-button{background:var(--g-au);color:#fff}
html[data-ground]:not([data-ground=black]) .send-button:hover:not(:disabled){background:var(--g-au-ink)}
html[data-ground]:not([data-ground=black]) .send-button:disabled{background:#d9cba6;color:#fff}

/* Conversation */
html[data-ground]:not([data-ground=black]) .message.user{background:var(--g-surface);border-color:var(--g-line-strong);color:var(--g-ink)}
html[data-ground]:not([data-ground=black]) .answer-heading{color:var(--g-ink)}
html[data-ground]:not([data-ground=black]) .answer-tag{color:var(--g-dim);border-left-color:var(--g-line-strong)}
html[data-ground]:not([data-ground=black]) :is(.answer-body h3,.answer-body h4){color:var(--g-ink)}
html[data-ground]:not([data-ground=black]) :is(.answer-body p,.answer-body ul){color:var(--g-mid)}
html[data-ground]:not([data-ground=black]) .answer-metrics{background:var(--g-line);border-color:var(--g-line-strong)}
html[data-ground]:not([data-ground=black]) .metric{background:var(--g-surface)}
html[data-ground]:not([data-ground=black]) .metric strong{color:var(--g-au-ink)}
html[data-ground]:not([data-ground=black]) .metric small{color:var(--g-mid)}
html[data-ground]:not([data-ground=black]) .table-scroll{background:var(--g-surface)}
html[data-ground]:not([data-ground=black]) th{color:var(--g-dim);background:rgba(28,28,46,.03)}
html[data-ground]:not([data-ground=black]) td{color:var(--g-ink)}
html[data-ground]:not([data-ground=black]) .answer-note{color:var(--g-mid)!important;background:var(--g-au-soft);border-left-color:var(--g-au)}
html[data-ground]:not([data-ground=black]) .source-chip{color:var(--g-ink);background:var(--g-surface);border-color:var(--g-line-strong)}
html[data-ground]:not([data-ground=black]) :is(.source-chip:hover,.followup:hover){color:var(--g-au-ink);border-color:var(--g-au)}
html[data-ground]:not([data-ground=black]) :is(.answer-actions button:hover,.answer-actions button[aria-pressed=true],.text-button:hover){color:var(--g-au-ink)}
html[data-ground]:not([data-ground=black]) .followup{color:var(--g-mid);border-color:var(--g-line-strong);background:var(--g-surface)}
html[data-ground]:not([data-ground=black]) .cost-track{background:rgba(28,28,46,.07)}
html[data-ground]:not([data-ground=black]) .cost-fill{background:#C9A55A}
html[data-ground]:not([data-ground=black]) .cost-bar.total{color:var(--g-au-ink)}
html[data-ground]:not([data-ground=black]) .cost-bar.total .cost-fill{background:var(--g-au)}
html[data-ground]:not([data-ground=black]) .drawer-scrim{background:rgba(28,28,46,.28)}
html[data-ground]:not([data-ground=black]) .evidence-dialog{background:var(--g-surface);border-color:var(--g-au-line);color:var(--g-ink);box-shadow:0 20px 70px rgba(60,40,8,.22)}
html[data-ground]:not([data-ground=black]) .evidence-dialog::backdrop{background:rgba(28,28,46,.35)}
html[data-ground]:not([data-ground=black]) :is(.evidence-dialog p,.evidence-dialog li,.evidence-dialog dt,.source-library-item span){color:var(--g-mid)}
html[data-ground]:not([data-ground=black]) :is(.evidence-dialog dd){color:var(--g-ink)}
html[data-ground]:not([data-ground=black]) .source-library-item b{color:var(--g-au-ink)}
html[data-ground]:not([data-ground=black]) .dialog-done{background:var(--g-au);border-color:var(--g-au-ink);color:#fff}
html[data-ground]:not([data-ground=black]) .toast{background:var(--g-ink);color:#F5F1E8;border-color:var(--g-ink);box-shadow:0 8px 30px rgba(28,28,46,.25)}
html[data-ground]:not([data-ground=black]) .storage-warning{color:var(--g-au-ink)}

/* ---- Ground switch: plain three-way control, same in both places it appears. ---- */
.ground-switch{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--line);border-radius:6px}
.ground-switch button{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:4px;font-size:var(--t1);font-family:var(--sans);letter-spacing:.02em;text-transform:none;color:#a9a594;min-height:28px}
.ground-switch button[aria-pressed=true]{background:#b4892821;color:#ebc77d}
.ground-switch .swatch{width:10px;height:10px;border-radius:50%;border:1px solid #d4b47566;flex-shrink:0}
.swatch.black{background:#090b08}.swatch.cream{background:#F5F1E8}.swatch.gold{background:linear-gradient(135deg,#FBF3DF,#E8D6A8)}
html[data-ground]:not([data-ground=black]) .ground-switch{border-color:var(--g-line-strong);background:var(--g-surface)}
html[data-ground]:not([data-ground=black]) .ground-switch button{color:var(--g-mid)}
html[data-ground]:not([data-ground=black]) .ground-switch button[aria-pressed=true]{background:var(--g-au-soft);color:var(--g-au-ink)}
.gate-footer{gap:12px}.gate-footer .footer-controls{display:flex;align-items:center;gap:16px}
.sidebar .ground-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 12px}.sidebar .ground-row .side-label{margin:0 4px}.sidebar .ground-switch .label{display:none}.sidebar .ground-switch button{min-width:34px;justify-content:center}

html.ground-changing,html.ground-changing *{transition:background-color .35s ease,color .35s ease,border-color .35s ease!important}
@media(max-width:760px){.ground-switch .label{display:none}.ground-switch button{padding:6px 8px;min-width:32px;justify-content:center}.gate-footer .footer-controls{gap:10px}}