/* Aligned to the app as it is now (2026-10-16). Light by day, dark by night.
   Neutral greys in place of the mint cream and the green night; teal kept
   for the mark, the swapped words and selected states. Sections and copy
   are unchanged. */

html[data-theme="light"]{
  --ground:#F4F5F4; --ink:#16191A; --muted:#5E6664; --kicker:#7A8380;
  --cream:#F4F5F4; --card:#FFFFFF; --wash:#ECEEED; --line:rgba(0,0,0,.08);
  --glassbg:rgba(255,255,255,.78); --glassbd:rgba(0,0,0,.06); --glasstop:rgba(255,255,255,.9);
  --glassin:rgba(255,255,255,.3); --glassdrop:rgba(0,0,0,.06);
  --woven:#2F7F68; --btn:#16191A; --btnink:#FFFFFF; --btnhover:#2A2E30;
  --panel:#16191A; --panelcard:#232628; --panelink:#F2F4F3; --panelmuted:#A3ACA9;
}
html[data-theme="dark"]{
  --ground:#0E0F10; --ink:#F2F4F3; --muted:#A3ACA9; --kicker:#8A938F;
  --cream:#0E0F10; --card:#1C1C1E; --wash:#161819; --line:rgba(255,255,255,.08);
  --glassbg:rgba(28,28,30,.86); --glassbd:rgba(255,255,255,.07); --glasstop:rgba(255,255,255,.06);
  --glassin:rgba(255,255,255,.03); --glassdrop:rgba(0,0,0,.4);
  --woven:#8FDDC4; --btn:#FFFFFF; --btnink:#000000; --btnhover:#E4E7E6;
  --panel:#16181A; --panelcard:#1F2224; --panelink:#F2F4F3; --panelmuted:#A3ACA9;
}
html{background:var(--ground)!important}
body{background-color:var(--ground);color:var(--ink)}
.bg{display:none!important}

/* glass: every card and the bar, from the theme */
.v2glass,.v2bar{background:var(--glassbg)!important;border-color:var(--glassbd)!important;
  box-shadow:inset 0 1px 0 var(--glasstop),0 12px 34px var(--glassdrop)!important}
.nav-links a.nav-acct{border-left-color:var(--line)!important;color:var(--ink)!important}
.nav-links a:hover{color:var(--ink)}

/* main buttons: ink on the ground, as the app's */
.btn{background:var(--btn)!important;color:var(--btnink)!important}
.btn:hover{background:var(--btnhover)!important}

/* the research card stays a dark panel in both, in the app's greys */
.lab{background:var(--panel)!important;box-shadow:0 24px 60px rgba(0,0,0,.18)!important;color:var(--panelink)!important}
.lab:before{display:none!important}
.lab .kicker{color:var(--panelmuted)!important}
.lab h2{color:#FFFFFF!important}
.lab h2 em{color:#8FDDC4!important}
.lab .lead{color:var(--panelmuted)!important}
.area{background:var(--panelcard)!important;border-color:rgba(255,255,255,.06)!important;box-shadow:none!important}
.area .ico{background:rgba(255,255,255,.07)!important}
.area .ico .msr{color:#FFFFFF!important}
html #research .research-sec > *:not(.lab){color:var(--muted)!important}

.langsel select{background:var(--card)!important;color:var(--muted)!important;border-color:var(--line)!important}

/* The demo browser window is someone else's page: always light inside. */
.win{--ink:#16191A;--muted:#5E6664;--kicker:#7A8380;color:#16191A}