/* HURANTEA — "Deep Space" layer, loaded last.
   1) Every theme keeps the living cosmos. Light / Auto-by-day only turn the PANELS bright (white glass over space).
   2) Real 3D: sections fly in from depth while you scroll, panels tilt toward the pointer, a perspective floor under the footer. */

/* ---------- 1. one universe for every theme ---------- */
html[data-theme]:not(._a):not(._b) {
  --bg: #000; --bg2: #050505; --surface: rgba(255,255,255,.04); --surface2: rgba(255,255,255,.07);
  --text: #f4f4f4; --muted: #a3a3a3; --line: rgba(255,255,255,.16);
  --brand: #ffffff; --brand2: #a3a3a3; --brand-ink: #000;
  --ok: #f4f4f4; --warn: #f4f4f4; --bad: #fca5a5;
  --tick: rgba(255,255,255,.85); --hair: rgba(255,255,255,.08); --panel: rgba(4,4,6,.62);
  --shadow: none; --hero-glow: none; color-scheme: dark;
}
html[data-theme] body { background: transparent !important; }
.universe[data-mode] { background: #020308 !important; }
.universe[data-mode] .universe-img { filter: none; opacity: 1; }
html[data-theme]:not(._a):not(._b) .btn-primary, html[data-theme]:not(._a):not(._b) .cmd-go,
html[data-theme]:not(._a):not(._b) .avatar, html[data-theme]:not(._a):not(._b) .logo-mark,
html[data-theme]:not(._a):not(._b) .scard.s4, html[data-theme]:not(._a):not(._b) .node.on,
html[data-theme]:not(._a):not(._b) .dock a.on, html[data-theme]:not(._a):not(._b) .menu .seg button.on { color: #000 !important; }
.menu { --panel: #08080a !important; }

/* Light (and Auto on a light device): bright frosted panels, dark text inside them; the space around stays visible */
html[data-theme="light-legacy"] :is(.card, .scard:not(.s4), .menu, .modal-box, .toast, details, .command, .nav, .chip, .dock, .lang-ask, .pill, .tag, #ribbon),
html[data-theme="light-legacy"] :is(.card, details, .menu, .modal-box) :is(input, textarea, select) {
  --text: #1c1c1c; --muted: #474747; --line: rgba(0,0,0,.16); --tick: #000; --hair: rgba(0,0,0,.08);
  --surface: rgba(0,0,0,.035); --surface2: rgba(0,0,0,.06); --panel: rgba(229,227,222,.9); --bg: #e5e3de;
  color: var(--text);
}
html[data-theme="light-legacy"] .menu { --panel: #e5e3de !important; }   /* DIAG-049: soft paper grey, not glaring white */
html[data-theme="light-legacy"]:not(._a):not(._b) :is(.card, details, .menu, .modal-box, .command, .nav, .dock, .chip, .lang-ask) :is(.btn-primary, .cmd-go, .avatar, .logo-mark, .node.on, .seg button.on, .seg2 button.on),
html[data-theme="light-legacy"]:not(._a):not(._b) .dock a.on { color: #fff !important; background: #0a0a0a !important; }
html[data-theme="light-legacy"] .chip { color: #222 !important; }
html[data-theme="light-legacy"] .pill, html[data-theme="light-legacy"] .tag { background: rgba(229,227,222,.9) !important; }
@media (prefers-color-scheme: light) {
  html[data-theme="auto-legacy"] :is(.card, .scard:not(.s4), .menu, .modal-box, .toast, details, .command, .nav, .chip, .dock, .lang-ask, .pill, .tag, #ribbon),
  html[data-theme="auto-legacy"] :is(.card, details, .menu, .modal-box) :is(input, textarea, select) {
    --text: #1c1c1c; --muted: #474747; --line: rgba(0,0,0,.16); --tick: #000; --hair: rgba(0,0,0,.08);
    --surface: rgba(0,0,0,.035); --surface2: rgba(0,0,0,.06); --panel: rgba(229,227,222,.9); --bg: #e5e3de; color: var(--text);
  }
  html[data-theme="auto-legacy"] .menu { --panel: #e5e3de !important; }
  html[data-theme="auto-legacy"]:not(._a):not(._b) :is(.card, details, .menu, .modal-box, .command, .nav, .dock, .chip, .lang-ask) :is(.btn-primary, .cmd-go, .avatar, .logo-mark, .node.on, .seg button.on, .seg2 button.on),
  html[data-theme="auto-legacy"]:not(._a):not(._b) .dock a.on { color: #fff !important; background: #0a0a0a !important; }
  html[data-theme="auto-legacy"] .chip { color: #222 !important; }
  html[data-theme="auto-legacy"] .pill, html[data-theme="auto-legacy"] .tag { background: rgba(229,227,222,.9) !important; }
}
/* Glass: the most see-through panels */
html[data-theme="glass"] { --panel: rgba(255,255,255,.035) !important; }
html[data-theme="glass"] .menu { --panel: #08080a !important; }

/* ---------- 2. depth: sections fly in from space while scrolling ---------- */
section .wrap, .page .wrap, footer { perspective: 1400px; perspective-origin: 50% 30%; }
@supports (animation-timeline: view()) {
  html:not([data-motion="off"]) :is(.section-head, .tile, .faq-list details, .legal section) {
    animation: depthIn linear backwards; animation-timeline: view(); animation-range: entry 0% entry 90%;
  }
  html:not([data-motion="off"]) .faq-list details:nth-child(2) { animation-range: entry 4% entry 100%; }
  html:not([data-motion="off"]) .faq-list details:nth-child(3) { animation-range: entry 8% entry 100%; }
  html:not([data-motion="off"]) .faq-list details:nth-child(4) { animation-range: entry 12% entry 100%; }
  html:not([data-motion="off"]) .faq-list details:nth-child(5) { animation-range: entry 16% entry 100%; }
}
@keyframes depthIn {
  from { opacity: 0; transform: translate3d(0, 90px, -260px) rotateX(34deg); filter: blur(3px); }
  to   { opacity: 1; transform: none; filter: none; }
}
@media (prefers-reduced-motion: reduce) { * { animation-timeline: auto !important; } :is(.section-head, .tile, details, footer .wrap) { animation: none !important; } }

/* panels lean toward the pointer (set by hud.js as --rx / --ry) and lift with a soft light edge */
:is(.card, details, .tile, .scard) { transform-style: preserve-3d; transition: transform .25s cubic-bezier(.2,.8,.2,1), box-shadow .3s, border-color .3s; }
@media (hover: hover) and (pointer: fine) {
  html:not([data-motion="off"]) :is(.card, details, .tile).tilt { transform: perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translateZ(10px); }
  :is(.card, details, .tile):hover { box-shadow: 0 40px 90px -40px rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.08) !important; }
}

/* extruded, monochrome section titles */
.section-head h2, .legal h1, .page-head h1 {
  font-size: clamp(2.4rem, 5.6vw, 4.6rem); line-height: .95;
  text-shadow: 0 1px 0 #6b6b6b, 0 2px 0 #4a4a4a, 0 3px 0 #333, 0 4px 0 #222, 0 14px 30px rgba(0,0,0,.8);
}

/* ---------- 3. FAQ: numbered holo rows beside a sticky title ---------- */
.faq-grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.4fr); gap: 56px; align-items: start; }
.faq-grid .section-head { position: sticky; top: 110px; text-align: start; }
.faq-list { counter-reset: q; display: grid; gap: 12px; }
.faq-list details { counter-increment: q; padding: 0 !important; overflow: hidden; }
.faq-list summary { list-style: none; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 18px; padding: 22px 22px; cursor: pointer; font-size: 1.15rem; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary::before { content: "Q." counter(q, decimal-leading-zero); font: 500 .7rem/1 var(--mono); letter-spacing: .14em; color: var(--muted); }
.faq-list summary::after { content: ""; width: 14px; height: 14px; background:
  linear-gradient(var(--text), var(--text)) center / 14px 1.5px no-repeat, linear-gradient(var(--text), var(--text)) center / 1.5px 14px no-repeat; transition: transform .35s cubic-bezier(.2,.8,.2,1); }
.faq-list details[open] summary::after { transform: rotate(135deg); }
.faq-list details p { margin: 0; padding: 0 22px 22px 70px; color: var(--muted); line-height: 1.7; animation: ansIn .45s cubic-bezier(.2,.8,.2,1); }
@keyframes ansIn { from { opacity: 0; transform: translateY(-8px); clip-path: inset(0 0 100% 0); } to { opacity: 1; transform: none; clip-path: inset(0 0 0 0); } }
.faq-list details[open] { border-color: color-mix(in srgb, var(--text) 50%, transparent) !important; }
@media (max-width: 900px) { .faq-grid { grid-template-columns: 1fr; gap: 24px; } .faq-grid .section-head { position: static; } .faq-list details p { padding-left: 22px; } .faq-list summary { font-size: 1.02rem; padding: 18px; gap: 12px; } }

/* ---------- 4. footer: a perspective floor running into the horizon + giant outlined wordmark ---------- */
footer { position: relative; overflow: hidden; border-top: 1px solid var(--line); padding-top: 220px !important; background: linear-gradient(transparent, rgba(0,0,0,.85) 55%) !important; }
footer .floor { position: absolute; left: -50%; right: -50%; bottom: 0; height: 520px; pointer-events: none; z-index: 0;
  background: linear-gradient(rgba(255,255,255,.16), rgba(255,255,255,.16) 2px, transparent 2px) 0 0 / 100% 60px, linear-gradient(90deg, rgba(255,255,255,.16), rgba(255,255,255,.16) 2px, transparent 2px) 0 0 / 60px 100%;
  transform: perspective(420px) rotateX(64deg); transform-origin: 50% 100%;
  -webkit-mask: linear-gradient(transparent, #000 45%, #000); mask: linear-gradient(transparent, #000 45%, #000);
  }
/* the floor stays still (moving thin lines on a tilted plane flicker on real screens); a slow light runs across it instead */
footer .floor::after { content: ""; position: absolute; inset: 0; background: linear-gradient(transparent 40%, rgba(255,255,255,.10) 50%, transparent 60%) 0 0 / 100% 300% no-repeat; animation: floorLight 7s ease-in-out infinite; }
@keyframes floorLight { from { background-position: 0 100%; } to { background-position: 0 0%; } }
footer .wordmark { position: absolute; left: 50%; top: 40px; transform: translateX(-50%) perspective(700px) rotateX(18deg); z-index: 0; pointer-events: none;
  font: 700 clamp(4rem, 17vw, 15rem)/1 var(--display); letter-spacing: -.06em; color: transparent; -webkit-text-stroke: 1px rgba(255,255,255,.35); white-space: nowrap; }
footer .wrap { position: relative; z-index: 1; }
html[data-motion="off"] footer .floor { animation: none; }
@media (max-width: 820px) { footer { padding-top: 140px !important; } footer .wordmark { top: 30px; } }

/* no rubber-band bounce at the top/bottom of the page: the fixed background stays perfectly still */
html, body { overscroll-behavior-y: none; }

/* footer floor: still, soft-edged lines (moving 1px lines in perspective shimmered and looked like jumping) */
footer .floor { animation: none !important;
  background:
    linear-gradient(transparent calc(50% - 1px), rgba(255,255,255,.16) 50%, transparent calc(50% + 1px)) 0 0 / 100% 64px,
    linear-gradient(90deg, transparent calc(50% - 1px), rgba(255,255,255,.16) 50%, transparent calc(50% + 1px)) 0 0 / 64px 100%;
  transform: perspective(520px) rotateX(60deg); filter: blur(.3px); }
footer .floor::after { content: ""; position: absolute; inset: 0; background: radial-gradient(60% 50% at 50% 100%, rgba(255,255,255,.08), transparent 70%); }

/* user brightness (Settings → Brightness) for the living background */
.stage { filter: brightness(min(var(--bg-bright, 1), 1.15)); }
.universe:not(.has-cosmos) { filter: brightness(min(var(--bg-bright, 1), 1)); }
.bright-row { display: flex; align-items: center; gap: 10px; padding: 4px 8px 8px; }
.bright-row input[type=range] { flex: 1; accent-color: var(--text); padding: 0; min-height: 0; background: none; border: 0 !important; outline-offset: 4px; }
.bright-row output { font: 500 .72rem/1 var(--mono); color: var(--muted); min-width: 3.2em; text-align: end; }

/* comfort: forms and inner pages sit on calm, nearly solid panels */
body:not([data-route="home"]) .card, .card:has(form), form.card { --panel: rgba(4,4,6,.9); }
html[data-theme="light-legacy"] body:not([data-route="home"]) .card, html[data-theme="light-legacy"] .card:has(form) { --panel: rgba(229,227,222,.96); }

.side-list .sl-n { font: 500 .72rem/1.6 var(--mono); color: var(--muted); letter-spacing: .12em; min-width: 2.2em; }
.big-check { display: inline-grid; place-items: center; width: 64px; height: 64px; border: 1px solid var(--text); font-size: 2rem; }
.bright-row .bright-reset { background: none; border: 1px solid var(--line); color: var(--muted); font: 500 .64rem/1 var(--mono); letter-spacing: .1em; text-transform: uppercase; padding: 6px 8px; cursor: pointer; }
.bright-row .bright-reset:hover { color: var(--text); border-color: var(--text); }

/* text that sits directly on the living background gets a soft dark halo, so it stays readable over any scene */
:is(.os-hero, .os-story, .section-head, .page-head) :is(p, .lead, .cmd-label, .eyebrow, h1, h2, h3) { text-shadow: 0 1px 2px rgba(0,0,0,.9), 0 0 18px rgba(0,0,0,.75); }
.os-hero .lead, .os-story p { color: #d0d0d0; }
html[data-theme="light-legacy"] .os-hero .lead { color: #d0d0d0; }

/* ---------- screen brightness (assets/bright.js) ---------- */
html::after { content: ""; position: fixed; inset: 0; background: #000; opacity: var(--dim, 0); pointer-events: none; z-index: 2147483000; transition: opacity .08s linear; }
.bright-row { display: block; padding: 4px 6px 8px; }
.bbar { position: relative; height: 46px; border-radius: 23px; overflow: hidden; cursor: pointer; touch-action: none; user-select: none; -webkit-user-select: none;
  background: rgba(255,255,255,.09); border: 1px solid var(--line); outline-offset: 3px; }
.bbar-fill { position: absolute; inset: 0 auto 0 0; width: max(46px, var(--b, 100%)); background: #f4f4f4; border-radius: 23px; transition: width .06s linear; }
[dir="rtl"] .bbar-fill { inset: 0 0 0 auto; }
.bbar.active .bbar-fill { transition: none; }
.bbar-ic, .bbar-v { position: absolute; top: 50%; transform: translateY(-50%); color: #fff; mix-blend-mode: difference; pointer-events: none; display: flex; }
.bbar-ic { inset-inline-start: 14px; }
.bbar-v { inset-inline-end: 16px; font: 500 .72rem/1 var(--mono); letter-spacing: .08em; }
.bbar:focus-visible { outline: 1px solid var(--text) !important; }
html[data-theme="light-legacy"] .menu .bbar { background: rgba(0,0,0,.08); }
html[data-theme="light-legacy"] .menu .bbar-fill { background: #0a0a0a; }
.mo-bright { display: grid; grid-template-columns: auto 1fr; gap: 18px; align-items: center; margin: 0 0 22px; max-width: 520px; }
.mo-bright .bbar { border-color: rgba(255,255,255,.2); }

.bright-row .bbar-wrap, .mo-bright .bbar-wrap { display: flex; align-items: center; gap: 8px; }
.bbar-wrap .bbar { flex: 1; }
.bbar-reset { background: none; border: 1px solid var(--line); color: var(--muted); font: 500 .62rem/1 var(--mono); letter-spacing: .1em; text-transform: uppercase; padding: 0 10px; height: 46px; border-radius: 23px; cursor: pointer; }
.bbar-reset:hover { color: var(--text); border-color: var(--text); }
.mo-bright .bbar-reset { border-color: rgba(255,255,255,.2); color: #a3a3a3; }
.bbar-wrap .bbar-reset { flex: none; width: auto !important; min-width: 0; }
.bbar-wrap .bbar-reset { width: 46px !important; padding: 0 !important; font: 400 1.1rem/1 var(--display); letter-spacing: 0; display: grid; place-items: center; }
.bbar-ic svg { width: 20px; height: 20px; display: block; }
/* recovery stays reachable (ChatGPT DESIGN-011): the top bar, ☰ and the menus sit above the dimming layer, so the brightness bar and Reset are always readable */
.nav, .menu-fab, .menu-overlay { z-index: 2147483001 !important; }

/* ===== DIAG-013 fixes ===== */
/* no-WebGL fallback: a calm monochrome particle sphere instead of a big grey blob, and a desaturated sky (no purple/pink) */
.core-fallback::before { background: radial-gradient(circle, rgba(255,255,255,.55) 1px, transparent 1.6px) 0 0 / 13px 13px !important; filter: none !important; opacity: .5 !important;
  -webkit-mask: radial-gradient(circle, #000 0 45%, rgba(0,0,0,.5) 62%, transparent 70%); mask: radial-gradient(circle, #000 0 45%, rgba(0,0,0,.5) 62%, transparent 70%); }
.universe:not(.has-cosmos) .universe-img { filter: saturate(.2) brightness(.8); }
/* hidden ☰ is not reachable by Tab until it is shown */
.menu-fab { visibility: hidden; transition: opacity .35s, transform .45s cubic-bezier(.2,.8,.2,1), visibility 0s linear .45s; }
body.nav-min .menu-fab, body.mo-open .menu-fab { visibility: visible; transition: opacity .35s, transform .45s cubic-bezier(.2,.8,.2,1), visibility 0s; }
/* touch targets: at least 44px on phones */
@media (max-width: 820px) { .nav .logo, .nav .btn, .nav .icon-btn, .academy-chips .chip, #app .chip, .tile-cta { min-height: 44px; display: inline-flex; align-items: center; } }
/* skip link for keyboard users */
.skip { position: fixed; left: 12px; top: -60px; z-index: 2147483002; background: #fff; color: #000 !important; padding: 10px 16px; font: 600 .8rem/1 var(--mono); text-transform: uppercase; letter-spacing: .12em; transition: top .2s; }
.skip:focus { top: 12px; }
.payout-note, .track-note { font-size: .86rem; align-self: end; margin: 0; } .track-note { margin-top: 8px; }
@media (max-width: 820px) { #app .btn-sm, [data-idea] { min-height: 44px; } }

/* DIAG-014: brightness dims the scene strongly and the interface gently, so text contrast survives low settings */
.universe::after, .stage::after { content: ""; position: absolute; inset: 0; background: #000; opacity: var(--scene-dim, 0); pointer-events: none; transition: opacity .12s linear; z-index: 5; }
/* DIAG-014 contrast at the default 50 %: labels, hints and placeholders ≥ 4.5:1, field borders ≥ 3:1 (measured on the final screen) */
html[data-theme]:not(._a):not(._b) { --muted: #bdbdbd; }
#app :is(input, textarea, select) { border-color: rgba(255,255,255,.46) !important; }
#app :is(input, textarea)::placeholder, #cmdText::placeholder { color: #a8a8a8 !important; opacity: 1; }
.cmd-label, .eyebrow { color: #c4c4c4 !important; }
html[data-theme="light-legacy"] #app .card :is(input, textarea, select) { border-color: rgba(0,0,0,.5) !important; }
html[data-theme="light-legacy"] #app .card :is(input, textarea)::placeholder { color: #555 !important; }
.preview-note { font: 500 .72rem/1.4 var(--mono) !important; letter-spacing: .08em; text-transform: uppercase; margin-top: 10px; }

/* DIAG-031: long placeholders end with … instead of being cut mid-word on phones */
input { text-overflow: ellipsis; }
input::placeholder { text-overflow: ellipsis; }
.form-preview { margin: -.2rem 0 0; font-size: .84rem; color: var(--muted); letter-spacing: .01em; }
.form-preview::before { content: "◌ "; opacity: .7; }

/* DIAG-032: very small phones (≤360px) — the dock already has "Hire", so the top CTA steps aside; headline gives the input room */
@media (max-width: 360px) {
  .nav .nav-cta { display: none; }
  .os-title { font-size: clamp(2.3rem, 12.5vw, 2.8rem); }
}

/* DIAG-040: Motion Off / reduced motion also stops the footer light sweep */
html[data-motion="off"] footer .floor::after { animation: none; }
@media (prefers-reduced-motion: reduce) { footer .floor::after { animation: none; } }

/* MATCH-001: quiet text button (Cancel request) — keyboard focusable, 44px touch target */
.linkbtn { background: none; border: 0; padding: 10px 0; min-height: 44px; color: var(--muted); font: inherit; font-size: .88rem; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.linkbtn:hover, .linkbtn:focus-visible { color: var(--text); }
.expert-card .pay { font-size: 2rem; font-weight: 650; letter-spacing: -.02em; }
.expert-card .desc { white-space: pre-wrap; }

/* DIAG-049: light theme — headings keep a gentle lift instead of a heavy dark glow (easier on the eyes) */
html[data-theme="light-legacy"] :is(.card, .page) :is(h1, h2, h3, p, .lead, label) { text-shadow: 0 1px 0 rgba(255,255,255,.5), 0 2px 6px rgba(0,0,0,.08) !important; }
@media (prefers-color-scheme: light) { html[data-theme="auto-legacy"] :is(.card, .page) :is(h1, h2, h3, p, .lead, label) { text-shadow: 0 1px 0 rgba(255,255,255,.5), 0 2px 6px rgba(0,0,0,.08) !important; } }


/* =====================================================================================
   DESIGN-022  "Gold" theme (was Light), with ChatGPT: charcoal black, champagne gold, white only for headlines.
   Gold marks emphasis only — primary buttons, active tabs, focus, key numbers, the logo. Never paragraphs,
   placeholders, every border, success/error meaning or big colour washes.
   ===================================================================================== */
html[data-theme="light"]:not(._a):not(._b) {
  --bg: #080909; --bg2: #0c0c0b; --surface: rgba(237,231,219,.03); --surface2: rgba(237,231,219,.055);
  --text: #EDE7DB; --muted: #B9AD95; --line: rgba(237,231,219,.14); --hair: rgba(237,231,219,.07);
  --tick: rgba(198,161,91,.85); --panel: rgba(18,16,13,.9);
  --brand: #C6A15B; --brand2: #8a7140; --brand-ink: #12100D; --gold: #C6A15B; --gold-hi: #D0B06C;
  --ok: #EDE7DB; --warn: #EDE7DB; --bad: #f0a58e;
}

html[data-theme="light"]:not(._a):not(._b) .universe[data-mode] { background: #050505 !important; }
html[data-theme="light"]:not(._a):not(._b) canvas.cosmos { filter: sepia(.45) saturate(1.1) hue-rotate(-8deg) brightness(.9); }      /* decorative: the cosmos turns champagne */
html[data-theme="light"]:not(._a):not(._b) .universe::after { content: ""; position: fixed; inset: 0; pointer-events: none; z-index: 0; background: radial-gradient(60% 50% at 72% 28%, rgba(198,161,91,.05), transparent 70%); }
html[data-theme="light"]:not(._a):not(._b) :is(.card, .nav, .menu, .modal-box, .toast, .dock, .command, .lang-ask, details) { background: var(--panel) !important; border-color: var(--line) !important; color: var(--text); }
html[data-theme="light"]:not(._a):not(._b) :is(h1, h2, .os-title) { color: #FFFFFF; }
html[data-theme="light"]:not(._a):not(._b) :is(h3, label, b, strong) { color: #EDE7DB; }
html[data-theme="light"]:not(._a):not(._b) :is(.muted, .hint, .lead) { color: var(--muted) !important; }
html[data-theme="light"]:not(._a):not(._b) a:not(.btn) { color: #EDE7DB; text-decoration-color: #C6A15B; }
html[data-theme="light"]:not(._a):not(._b) a:not(.btn):hover { color: #D0B06C; }
html[data-theme="light"]:not(._a):not(._b) :is(.btn-primary, .cmd-go) { background: #C6A15B !important; color: #12100D !important; border-color: #D0B06C !important; }
html[data-theme="light"]:not(._a):not(._b) :is(.btn-primary, .cmd-go):hover { background: #D0B06C !important; }
html[data-theme="light"]:not(._a):not(._b) .btn-ghost { border-color: rgba(237,231,219,.28) !important; color: #EDE7DB !important; }
html[data-theme="light"]:not(._a):not(._b) .btn-ghost:hover { border-color: #C6A15B !important; }
html[data-theme="light"]:not(._a):not(._b) :is(input, textarea, select) { background: rgba(0,0,0,.4) !important; border-color: rgba(237,231,219,.22) !important; color: #EDE7DB !important; }
html[data-theme="light"]:not(._a):not(._b) :is(input, textarea)::placeholder { color: #9b9384 !important; }
html[data-theme="light"]:not(._a):not(._b) :is(input, textarea, select):focus { border-color: #C6A15B !important; }
html[data-theme="light"]:not(._a):not(._b) :is(input, textarea, select, button, a, summary):focus-visible { outline: 2px solid #D0B06C !important; outline-offset: 2px; }
html[data-theme="light"]:not(._a):not(._b) :is(.tabs button.on, .seg button.on, .seg2 button.on, .dock a.on, .menu [data-theme-opt].on, .menu [data-motion-opt].on) { background: #C6A15B !important; color: #12100D !important; }
html[data-theme="light"]:not(._a):not(._b) .nav a.on, html[data-theme="light"]:not(._a):not(._b) .nav a[aria-current] { color: #FFFFFF !important; box-shadow: inset 0 -1px 0 #C6A15B; }
html[data-theme="light"]:not(._a):not(._b) .tag { background: rgba(237,231,219,.05) !important; border-color: rgba(237,231,219,.22) !important; color: #EDE7DB !important; }
html[data-theme="light"]:not(._a):not(._b) .pill { border-color: rgba(198,161,91,.45) !important; color: #D0B06C !important; background: rgba(18,16,13,.8) !important; }
html[data-theme="light"]:not(._a):not(._b) :is(.price, .kpi .val, .instr-big, .pay) { color: #D0B06C; }
html[data-theme="light"]:not(._a):not(._b) .bar i, html[data-theme="light"]:not(._a):not(._b) .bbar-fill { background: #C6A15B !important; }
html[data-theme="light"]:not(._a):not(._b) .sg-list { background: #12100D !important; border-color: rgba(237,231,219,.18) !important; color: #EDE7DB !important; }
html[data-theme="light"]:not(._a):not(._b) .sg-list li[aria-selected="true"] { background: rgba(198,161,91,.13) !important; color: #FFFFFF !important; box-shadow: inset 2px 0 0 #C6A15B !important; }
html[data-theme="light"]:not(._a):not(._b) .sg-list li small { color: #B9AD95 !important; }
html[data-theme="light"]:not(._a):not(._b) :is(.hud-c, .hud-ret) { color: #C6A15B; border-color: rgba(198,161,91,.55) !important; }
html[data-theme="light"]:not(._a):not(._b) :is(.hud-bl, .hud-br, .hud-clock) { color: #B9AD95; }
html[data-theme="light"]:not(._a):not(._b) .logo-mark { background: #C6A15B !important; color: #12100D !important; }
html[data-theme="light"]:not(._a):not(._b) :is(.card, details) :is(h1, h2, h3, p, label, .lead) { text-shadow: none !important; }
@media (prefers-color-scheme: light) {
html[data-theme="auto"]:not(._a):not(._b) {
  --bg: #080909; --bg2: #0c0c0b; --surface: rgba(237,231,219,.03); --surface2: rgba(237,231,219,.055);
  --text: #EDE7DB; --muted: #B9AD95; --line: rgba(237,231,219,.14); --hair: rgba(237,231,219,.07);
  --tick: rgba(198,161,91,.85); --panel: rgba(18,16,13,.9);
  --brand: #C6A15B; --brand2: #8a7140; --brand-ink: #12100D; --gold: #C6A15B; --gold-hi: #D0B06C;
  --ok: #EDE7DB; --warn: #EDE7DB; --bad: #f0a58e;
}

html[data-theme="auto"]:not(._a):not(._b) .universe[data-mode] { background: #050505 !important; }
html[data-theme="auto"]:not(._a):not(._b) canvas.cosmos { filter: sepia(.45) saturate(1.1) hue-rotate(-8deg) brightness(.9); }      /* decorative: the cosmos turns champagne */
html[data-theme="auto"]:not(._a):not(._b) .universe::after { content: ""; position: fixed; inset: 0; pointer-events: none; z-index: 0; background: radial-gradient(60% 50% at 72% 28%, rgba(198,161,91,.05), transparent 70%); }
html[data-theme="auto"]:not(._a):not(._b) :is(.card, .nav, .menu, .modal-box, .toast, .dock, .command, .lang-ask, details) { background: var(--panel) !important; border-color: var(--line) !important; color: var(--text); }
html[data-theme="auto"]:not(._a):not(._b) :is(h1, h2, .os-title) { color: #FFFFFF; }
html[data-theme="auto"]:not(._a):not(._b) :is(h3, label, b, strong) { color: #EDE7DB; }
html[data-theme="auto"]:not(._a):not(._b) :is(.muted, .hint, .lead) { color: var(--muted) !important; }
html[data-theme="auto"]:not(._a):not(._b) a:not(.btn) { color: #EDE7DB; text-decoration-color: #C6A15B; }
html[data-theme="auto"]:not(._a):not(._b) a:not(.btn):hover { color: #D0B06C; }
html[data-theme="auto"]:not(._a):not(._b) :is(.btn-primary, .cmd-go) { background: #C6A15B !important; color: #12100D !important; border-color: #D0B06C !important; }
html[data-theme="auto"]:not(._a):not(._b) :is(.btn-primary, .cmd-go):hover { background: #D0B06C !important; }
html[data-theme="auto"]:not(._a):not(._b) .btn-ghost { border-color: rgba(237,231,219,.28) !important; color: #EDE7DB !important; }
html[data-theme="auto"]:not(._a):not(._b) .btn-ghost:hover { border-color: #C6A15B !important; }
html[data-theme="auto"]:not(._a):not(._b) :is(input, textarea, select) { background: rgba(0,0,0,.4) !important; border-color: rgba(237,231,219,.22) !important; color: #EDE7DB !important; }
html[data-theme="auto"]:not(._a):not(._b) :is(input, textarea)::placeholder { color: #9b9384 !important; }
html[data-theme="auto"]:not(._a):not(._b) :is(input, textarea, select):focus { border-color: #C6A15B !important; }
html[data-theme="auto"]:not(._a):not(._b) :is(input, textarea, select, button, a, summary):focus-visible { outline: 2px solid #D0B06C !important; outline-offset: 2px; }
html[data-theme="auto"]:not(._a):not(._b) :is(.tabs button.on, .seg button.on, .seg2 button.on, .dock a.on, .menu [data-theme-opt].on, .menu [data-motion-opt].on) { background: #C6A15B !important; color: #12100D !important; }
html[data-theme="auto"]:not(._a):not(._b) .nav a.on, html[data-theme="auto"]:not(._a):not(._b) .nav a[aria-current] { color: #FFFFFF !important; box-shadow: inset 0 -1px 0 #C6A15B; }
html[data-theme="auto"]:not(._a):not(._b) .tag { background: rgba(237,231,219,.05) !important; border-color: rgba(237,231,219,.22) !important; color: #EDE7DB !important; }
html[data-theme="auto"]:not(._a):not(._b) .pill { border-color: rgba(198,161,91,.45) !important; color: #D0B06C !important; background: rgba(18,16,13,.8) !important; }
html[data-theme="auto"]:not(._a):not(._b) :is(.price, .kpi .val, .instr-big, .pay) { color: #D0B06C; }
html[data-theme="auto"]:not(._a):not(._b) .bar i, html[data-theme="auto"]:not(._a):not(._b) .bbar-fill { background: #C6A15B !important; }
html[data-theme="auto"]:not(._a):not(._b) .sg-list { background: #12100D !important; border-color: rgba(237,231,219,.18) !important; color: #EDE7DB !important; }
html[data-theme="auto"]:not(._a):not(._b) .sg-list li[aria-selected="true"] { background: rgba(198,161,91,.13) !important; color: #FFFFFF !important; box-shadow: inset 2px 0 0 #C6A15B !important; }
html[data-theme="auto"]:not(._a):not(._b) .sg-list li small { color: #B9AD95 !important; }
html[data-theme="auto"]:not(._a):not(._b) :is(.hud-c, .hud-ret) { color: #C6A15B; border-color: rgba(198,161,91,.55) !important; }
html[data-theme="auto"]:not(._a):not(._b) :is(.hud-bl, .hud-br, .hud-clock) { color: #B9AD95; }
html[data-theme="auto"]:not(._a):not(._b) .logo-mark { background: #C6A15B !important; color: #12100D !important; }
html[data-theme="auto"]:not(._a):not(._b) :is(.card, details) :is(h1, h2, h3, p, label, .lead) { text-shadow: none !important; }
}