/* Henneth Desk — Gemini theme (single, locked).
Data polarity colors are CVD-validated; accent is chrome only.
UI RULE (do not break): every corner is HARD — border-radius is always 0.
Never add a rounded corner to any new element. Boxes are 1.5px solid var(--line). */
:root, *, *::before, *::after { border-radius: 0 !important; }
*{box-sizing:border-box;margin:0;padding:0}
/* Themed scrollbars — square, hard-edged, monochrome, matching the terminal. Applies everywhere
(page, sidebar, modal bodies, wide tables, the zodiac strip). */
*{scrollbar-width:thin;scrollbar-color:var(--ink3) transparent}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:var(--panel2,var(--panel));border-inline-start:1px solid var(--hair)}
::-webkit-scrollbar-thumb{background:var(--ink3);border:2px solid var(--panel2,var(--panel))}
::-webkit-scrollbar-thumb:hover{background:var(--ink2)}
::-webkit-scrollbar-corner{background:var(--panel2,var(--panel))}
body{font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.num{font-variant-numeric:tabular-nums}
table{width:100%;border-collapse:collapse}
th{text-align:start;font-weight:600}
.r{text-align:end}
button{cursor:pointer;font:inherit}
.clickable{cursor:pointer}
/* Base icon sizing — applies BEFORE the theme loads so an inline SVG can never flash
at intrinsic size (the "giant black triangle" FOUC). Theme adds stroke/color. */
.side-nav a svg,.side-open svg,.side-toggle svg,.bottomnav a svg,.searchbtn svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8}
.side-toggle svg,.side-open svg{width:15px;height:15px;stroke-width:2}
.empty{text-align:center;padding:16px 0;opacity:.55;font-size:13px}
header.app{display:flex;align-items:center;gap:10px;flex-wrap:wrap;position:sticky;top:0;z-index:10}
nav.tabs{display:flex;gap:4px}
.meta{margin-inline-start:auto;font-size:11.5px;opacity:.6}
main{display:block}
.grid-board{display:grid;gap:var(--gap)}
.cards>*{margin-bottom:var(--gap)}
h2{margin-bottom:2px}
.sub{font-size:11.5px;opacity:.55;margin-bottom:12px}
.statgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:var(--gap)}
.stat b{display:block;font-size:15px}
.stat span{font-size:9.5px;opacity:.6;text-transform:uppercase;letter-spacing:.05em}
.heat{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:5px}
.cell b{display:block}
.cell .px{display:none}
.wire p{padding:7px 0;font-size:11.5px}
.wire .t{font-size:10.5px;opacity:.5;margin-inline-end:6px}
.chartwrap{position:relative}
.chartwrap canvas{width:100%;display:block}
.ranges{display:flex;gap:4px;margin-bottom:8px}
.tooltip{position:absolute;pointer-events:none;font-size:11.5px;padding:6px 9px;border-radius:0;display:none;z-index:5;white-space:nowrap}
.crumb{font-size:11.5px;opacity:.6;margin-bottom:10px;display:inline-block}
.pill{display:inline-block;padding:2px 10px;border-radius:0;font-size:9.5px;font-weight:600}
.tag{display:inline-block;padding:1px 8px;border-radius:0;font-size:9.5px}
.badge-ok{font-weight:700}
.tk-head{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:4px}
.tk-head .sym{font-weight:800}
.tk-head .px{font-weight:700}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap)}
@media(max-width:900px){.two-col{grid-template-columns:1fr}}
/* ---------- GEMINI · refined editorial, stockanalysis/TradingView-grade ---------- */
body[data-theme=gemini]{
--gap:10px;
--bg:#f4f4f0;--panel:#ffffff;--panel2:#faf9f4;
--ink1:#0a0a0a;--ink2:#4a4a44;--ink3:#6b6b63;--line:#111111;--line2:#e7e6df;--surf:#f6f5f0;--hair:#d9d9d2;
--up:#0b7a5f;--dn:#be4126;--accent:#0a0a0a;
/* amber: the "partly / needs attention" state between --up and --dn (traffic-light checklist,
X-ray rule flags). A third semantic colour the palette previously lacked. */
--warn:#c9922b;
--font-body:"JetBrains Mono",ui-monospace,"Cascadia Mono",monospace;
--font-head:"JetBrains Mono",monospace;
--font-pixel:"Pixelify Sans","JetBrains Mono",monospace;
background:var(--bg);color:var(--ink1);letter-spacing:0;
font-family:var(--font-body);font-size:12px;
}
body[data-theme=gemini] .num{font-variant-numeric:tabular-nums}
body[data-theme=gemini] main{max-width:1440px;margin:0 auto;padding:10px 10px 60px}
/* ============ LEFT SIDEBAR SHELL ============ */
body[data-theme=gemini] .shell{display:flex;min-height:100vh;align-items:stretch}
body[data-theme=gemini] .sidebar{width:var(--side-w,212px);flex:0 0 var(--side-w,212px);border-inline-end:1.5px solid var(--line);background:var(--panel);position:sticky;top:0;height:100vh;display:flex;flex-direction:column;overflow-y:auto;transition:width .15s ease,flex-basis .15s ease;min-width:0}
body[data-theme=gemini] .shell.collapsed .sidebar{width:56px;flex:0 0 56px}
body[data-theme=gemini] .shell.resizing .sidebar{transition:none;user-select:none}
body[data-theme=gemini] .side-legal{margin-top:auto;padding:12px 14px;border-top:1px solid var(--hair);display:flex;gap:10px;flex-wrap:wrap}
body[data-theme=gemini] .side-legal a{font-size:10px;color:var(--ink3);text-decoration:none}
body[data-theme=gemini] .side-legal a:hover{color:var(--ink2);text-decoration:underline}
body[data-theme=gemini] .shell.collapsed .side-legal{display:none}
body[data-theme=gemini] .side-resize{position:absolute;top:0;inset-inline-end:0;width:6px;height:100%;cursor:col-resize;z-index:60}
body[data-theme=gemini] .side-resize:hover{background:var(--hair)}
body[data-theme=gemini] .shell.collapsed .side-resize{display:none}
body[data-theme=gemini] .side-top{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:12px 12px;border-bottom:1.5px solid var(--line);min-height:49px}
body[data-theme=gemini] .side-top .brand{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;line-height:1.2;white-space:nowrap;overflow:hidden}
body[data-theme=gemini] .side-toggle{background:transparent;border:1px solid var(--line);width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex:none;color:var(--ink1)}
body[data-theme=gemini] .side-toggle svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;transition:transform .15s}
body[data-theme=gemini] .shell.collapsed .side-toggle svg{transform:rotate(180deg)}
body[data-theme=gemini] .side-nav{display:flex;flex-direction:column;padding:8px 0;gap:1px}
body[data-theme=gemini] .side-nav a{display:flex;align-items:center;gap:11px;padding:8px 14px;color:var(--ink2);font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-inline-start:3px solid transparent;transition:.1s}
body[data-theme=gemini] .side-nav a svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body[data-theme=gemini] .side-nav a:hover{background:var(--panel2);color:var(--ink1)}
body[data-theme=gemini] .side-nav a.on{color:var(--ink1);border-left-color:var(--ink1);background:var(--panel2)}
body[data-theme=gemini] .side-group{margin-top:6px;padding-top:5px;border-top:1px solid var(--hair)}
body[data-theme=gemini] .side-head{font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);padding:5px 14px 3px}
body[data-theme=gemini] .shell.collapsed .side-nav a span,body[data-theme=gemini] .shell.collapsed .side-head,body[data-theme=gemini] .shell.collapsed .side-top .brand{display:none}
body[data-theme=gemini] .shell.collapsed .side-nav a{justify-content:center;padding:10px 0;gap:0}
body[data-theme=gemini] .shell.collapsed .side-group{margin-top:5px}
body[data-theme=gemini] .main-col{flex:1;min-width:0;display:flex;flex-direction:column}
/* The topbar is a SINGLE ROW that must never grow taller. Children may shrink or hide, never wrap:
#updated ("quant … · live …") used to wrap onto 4+ lines at 375px and stretch the header. */
/* z-index 90, not 20. `position:sticky` + z-index makes the topbar a STACKING CONTEXT, so the
account menu's own z-index:80 is resolved INSIDE it and was capped by the topbar's 20 — the
menu opened but painted underneath the page content, which read as "the button does nothing".
90 clears the sidebar (50), the resize handle (60) and all page content, while staying below
every modal layer: authbox 100, wizbox 110, pl-overlay 120, replay 200, combo 1200, bw 1400. */
body[data-theme=gemini] .topbar{position:sticky;top:0;z-index:90;display:flex;align-items:center;gap:8px;padding:7px 12px;background:var(--panel);border-bottom:1.5px solid var(--line);flex-wrap:nowrap;min-height:48px}
/* SIGNED-OUT SHELL — the gate should not tease a terminal the visitor cannot open.
Sidebar and the in-app header controls are removed entirely (not blurred: a blurred nav still
invites clicks and still announces itself to screen readers). Brand and Sign in remain, because
the visitor needs to know where they are and how to get in. */
body[data-gated="1"] .sidebar{display:none}
body[data-gated="1"] .side-resize{display:none}
body[data-gated="1"] .topbar #mkt,
body[data-gated="1"] .topbar #health,
body[data-gated="1"] .topbar #regime,
body[data-gated="1"] .topbar #georisk,
body[data-gated="1"] .topbar #searchbtn,
body[data-gated="1"] .topbar .plan-badge,
body[data-gated="1"] .topbar .meta,
body[data-gated="1"] .topbar .side-open{display:none}
body[data-gated="1"] .brand-mobile{display:inline-flex}
/* AUTH-PENDING — the window between first paint and Supabase restoring the session from
localStorage. Auth is genuinely unknown here, and BOTH guesses flash: assume signed-out and a
returning member watches the gate paint and vanish; assume signed-in (which the static shell
above effectively does) and a stranger sees the whole terminal before it is stripped. So paint
neither. `visibility` rather than `display` on purpose — it reserves the layout, so when the
answer comes back "signed in" the shell simply becomes visible with zero reflow. The gated
branch still collapses the sidebar via the display:none rules above. */
body[data-auth="pending"] .sidebar,
body[data-auth="pending"] .side-resize,
body[data-auth="pending"] .topbar #mkt,
body[data-auth="pending"] .topbar #health,
body[data-auth="pending"] .topbar #regime,
body[data-auth="pending"] .topbar #georisk,
body[data-auth="pending"] .topbar #searchbtn,
body[data-auth="pending"] .topbar .plan-badge,
body[data-auth="pending"] .topbar .meta,
body[data-auth="pending"] .topbar .side-open,
body[data-auth="pending"] #view{visibility:hidden}
/* ...and the residual flash that `visibility` alone could not fix.
Hiding the sidebar without collapsing it still reserves its full width, so a signed-OUT visitor
got the shell's layout for a beat and then watched the whole page jump left when the gate's
display:none finally applied. Reserving the space is right for a member (zero reflow when the
shell appears) and wrong for a stranger — which means the correct behaviour depends on an answer
we do not have yet.
So index.html reads Supabase's localStorage session SYNCHRONOUSLY in and stamps
html[data-boot-auth]. That is a guess, not authority — the token may be expired, and only
getSession() can say — but it is right often enough to pick the layout, and being wrong costs a
beat of extra chrome rather than a jump. Auth itself is still decided by initAuth(), never here;
nothing below grants access, it only chooses which empty frame to hold. */
html[data-boot-auth="out"] body[data-auth="pending"] .sidebar,
html[data-boot-auth="out"] body[data-auth="pending"] .side-resize{display:none}
/* THE DESK MARK — the terminal logo is desk.henneth.app's identity (the website logo stays the
favicon on both properties, so tabs and home screens read as one brand).
`height` only, never width: the file is 535x472, and setting both would skew it. The ![]()
carries width/height attributes purely so the browser can reserve the box before the SVG
arrives — without them the wordmark shifts sideways as it loads, which is the same class of
flash as the auth one above, just smaller. */
body[data-theme=gemini] .side-top .brand{display:inline-flex;align-items:center;gap:8px;min-width:0}
body[data-theme=gemini] .brand-mark{height:20px;width:auto;flex:none;display:block}
body[data-theme=gemini] .brand-txt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* Collapsed rail: the mark moves INTO the toggle button (see .toggle-mark below), so the brand
link itself stays hidden by the generic collapse rule — two marks in a 56px rail is one too many. */
/* ==========================================================================================
COMET TRANSIT — boot screen (design handoff "Loading Screen 8a")
Fills the data-auth="pending" window, which was previously a blank screen. Sizes are driven
off --orb so one composition serves every breakpoint: the ring, orbit radius, candle and core
are all expressed in that unit, and only --orb changes per screen.
TIMING IS THE WHOLE TRICK. The reveal is delayed 260ms in CSS, so a warm session (auth resolves
in ~80ms) never sees it at all — the loader would otherwise be a new flash replacing the old
one. And it fades out rather than cutting, so a slow session does not snap.
========================================================================================== */
.boot{
--orb:220px; /* orbit box; everything below scales from it */
--rad:92px; /* orbit radius, per the handoff */
--period:6.5s;
position:fixed;inset:0;z-index:1500;background:var(--ink1);
display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;
opacity:0;pointer-events:none;
animation:bootIn .28s ease .26s forwards;
}
/* Only the pending state shows it. The moment initAuth clears data-auth the element is gone from
the layout entirely — no stray overlay can survive and swallow clicks. */
body:not([data-auth="pending"]) .boot{display:none}
@keyframes bootIn{to{opacity:1}}
@keyframes orbitCW{to{transform:rotate(360deg)}}
@keyframes orbitCCW{to{transform:rotate(-360deg)}}
.boot-cap{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#7a7a72}
/* scale(1,.62) is the only "elliptical" trick — the orbit maths underneath stays circular. */
.boot-orbit{position:relative;width:var(--orb);height:var(--orb);transform:scale(1,.62)}
.boot-ring,.boot-ring-in{position:absolute;inset-inline-start:50%;top:50%;transform:translate(-50%,-50%);clip-path:circle(50%)}
.boot-ring{width:184px;height:184px;background:#2e2e2b}
.boot-ring-in{width:181px;height:181px;background:var(--ink1)}
.boot-core{position:absolute;inset-inline-start:50%;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;background:var(--bg)}
/* Orbit mechanism: the outer box rotates, the inner box counter-rotates at the same period, so
the candle travels the ring without tumbling. Both must carry the same negative delay or the
glyph visibly spins. */
.boot-rot{position:absolute;inset-inline-start:50%;top:50%;width:0;height:0;animation:orbitCW var(--period) linear infinite}
.boot-ctr{position:absolute;inset-inline-start:0;top:calc(var(--rad) * -1);width:0;height:0;animation:orbitCCW var(--period) linear infinite}
.boot-rot i{position:absolute;inset-inline-start:50%;top:50%;transform:translate(-50%,-50%);display:block}
.boot-c0 .wick{width:1px;height:22px;background:var(--up)}
.boot-c0 .body{width:6px;height:16px;background:var(--up)}
.boot-c1 .wick,.boot-c2 .wick,.boot-c3 .wick{width:1px;height:15px}
.boot-c1 .body,.boot-c2 .body,.boot-c3 .body{width:4px;height:9px}
.boot-c1 .wick,.boot-c1 .body{background:rgba(11,122,95,.31)}
.boot-c2 .wick,.boot-c2 .body{background:rgba(11,122,95,.20)}
.boot-c3 .wick,.boot-c3 .body{background:rgba(11,122,95,.09)}
.boot-c1 .boot-ctr,.boot-c1{animation-delay:-1.3s}
.boot-c2 .boot-ctr,.boot-c2{animation-delay:-2.6s}
.boot-c3 .boot-ctr,.boot-c3{animation-delay:-3.9s}
/* Starfield: one element, 14 dots painted as radial-gradient background-images. Cheaper than 14
divs and it cannot drift out of the box on a different --orb. */
.boot-stars{position:absolute;inset:0;opacity:.55;
background-image:
radial-gradient(circle,#5a5a55 1px,transparent 1.5px),
radial-gradient(circle,#5a5a55 1px,transparent 1.5px),
radial-gradient(circle,#5a5a55 1px,transparent 1.5px),
radial-gradient(circle,#5a5a55 1px,transparent 1.5px),
radial-gradient(circle,#5a5a55 1px,transparent 1.5px),
radial-gradient(circle,#5a5a55 1px,transparent 1.5px),
radial-gradient(circle,#5a5a55 1px,transparent 1.5px);
background-repeat:no-repeat;
background-position:14% 22%,78% 16%,34% 72%,88% 61%,9% 58%,58% 88%,66% 38%}
.boot-pct{font-family:var(--font-pixel);font-size:24px;font-weight:700;color:#f4f4f0;font-variant-numeric:tabular-nums}
.boot-fine{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:#7a7a72;white-space:nowrap}
/* Phones: the handoff's stacked 390x700 variant — bigger orbit, more breathing room. */
@media(max-width:560px){
.boot{--orb:250px;gap:26px;padding:56px 16px 40px}
.boot-pct{font-size:30px}
}
/* Short/landscape phones: the orbit is the first thing to sacrifice, never the text. */
@media(max-height:520px){
.boot{--orb:150px;--rad:62px;gap:12px}
.boot-ring{width:124px;height:124px}
.boot-ring-in{width:121px;height:121px}
.boot-pct{font-size:20px}
}
@media(prefers-reduced-motion:reduce){
.boot{animation:none;opacity:1}
.boot-rot,.boot-ctr{animation:none}
}
/* THE COLLAPSED TOGGLE = THE DESK MARK, chevron on hover.
Expanded, this is an ordinary bordered chevron sitting beside the wordmark. Collapsed, the
wordmark is gone and a lone chevron above a column of icons reads as a stray control, so the
mark takes its place and the chevron returns on hover or keyboard focus.
`:focus-visible` is in the swap deliberately — without it a keyboard user tabbing to this button
sees the logo and no hint that it does anything. */
body[data-theme=gemini] .toggle-mark{display:none;height:18px;width:auto}
/* The 3px transparent border mirrors the nav links' active-indicator border below. Without it the
mark centres on the rail while every nav icon centres 1.2px to its right, because those links
reserve 3px on their left for the .on indicator and the header does not. Measured, not guessed. */
body[data-theme=gemini] .shell.collapsed .side-top{justify-content:center;border-inline-start:3px solid transparent}
/* Borderless and icon-sized when collapsed, so it optically matches the 18px nav icons directly
below it rather than looking like a button parked above a list. */
body[data-theme=gemini] .shell.collapsed .side-toggle{border-color:transparent;width:100%;height:28px}
body[data-theme=gemini] .shell.collapsed .side-toggle .toggle-mark{display:block}
body[data-theme=gemini] .shell.collapsed .side-toggle svg{display:none}
body[data-theme=gemini] .shell.collapsed .side-toggle:hover .toggle-mark,
body[data-theme=gemini] .shell.collapsed .side-toggle:focus-visible .toggle-mark{display:none}
body[data-theme=gemini] .shell.collapsed .side-toggle:hover svg,
body[data-theme=gemini] .shell.collapsed .side-toggle:focus-visible svg{display:block}
body[data-theme=gemini] .shell.collapsed .side-toggle:hover{border-color:var(--line)}
body[data-theme=gemini] .topbar>*{flex:none}
/* the timestamp is the one topbar item that may lose characters rather than push the page wide:
`.topbar>*{flex:none}` froze it at its full 190px, so at ~1280 the row overflowed the viewport by
the tail of "live HH:MM" and the whole page gained a horizontal scrollbar. It ellipsises instead. */
body[data-theme=gemini] .topbar .meta{font-size:10.5px;color:var(--ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px;flex:0 1 auto;min-width:0}
body[data-theme=gemini] .research-badge{margin-inline-start:auto;font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);border:1px solid var(--hair);padding:2px 7px;white-space:nowrap}
body[data-theme=gemini] .topbar .meta{margin-inline-start:10px}
@media(max-width:900px){body[data-theme=gemini] .research-badge{display:none}}
body[data-theme=gemini] .side-open,body[data-theme=gemini] .brand-mobile{display:none}
body[data-theme=gemini] .main-col>main{max-width:1300px;width:100%;margin:0 auto;padding:12px 14px 24px}
body[data-theme=gemini] .deskfoot{border-top:1.5px solid var(--line);background:var(--panel2);padding:12px 16px;font-size:10.5px;line-height:1.6;color:var(--ink2);max-width:1300px;width:100%;margin:0 auto}
body[data-theme=gemini] .deskfoot b{color:var(--ink1)}
body[data-theme=gemini] .side-backdrop{display:none}
@media(max-width:900px){
body[data-theme=gemini] .sidebar{position:fixed;inset-inline-start:0;top:0;z-index:50;width:236px !important;transform:translateX(-100%);transition:transform .18s ease}
body[data-theme=gemini] .shell.drawer .sidebar{transform:translateX(0)}
body[data-theme=gemini] .shell.drawer .side-nav a span,body[data-theme=gemini] .shell.drawer .side-head{display:inline}
/* The brand is inline-FLEX, not inline: it now holds the desk mark next to the wordmark, and
`display:inline` would collapse the gap and drop the vertical centring between them. */
body[data-theme=gemini] .shell.drawer .side-top .brand{display:inline-flex}
body[data-theme=gemini] .shell.drawer .side-top .brand-txt{display:inline}
body[data-theme=gemini] .shell.drawer .side-nav a{justify-content:flex-start;padding:9px 14px;gap:11px}
body[data-theme=gemini] .side-toggle{display:none}
body[data-theme=gemini] .side-open{display:flex;background:transparent;border:1px solid var(--line);width:30px;height:30px;align-items:center;justify-content:center;flex:none;color:var(--ink1)}
body[data-theme=gemini] .side-open svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}
body[data-theme=gemini] .brand-mobile{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
body[data-theme=gemini] .topbar #health,body[data-theme=gemini] .topbar #regime,body[data-theme=gemini] .topbar #georisk{display:none}
/* the data timestamps are the first thing to go on a phone — they wrapped and doubled the
header height. The same information is on every page footer. */
body[data-theme=gemini] .topbar .meta{display:none}
body[data-theme=gemini] .topbar{gap:6px;padding:6px 10px;min-height:44px}
body[data-theme=gemini] .topbar .brand-mobile{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1 1 auto}
body[data-theme=gemini] .topbar #mkt{max-width:104px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body[data-theme=gemini] .acct-slot{margin-inline-start:auto}
body[data-theme=gemini] .shell.drawer .side-backdrop{display:block;position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:45}
}
body[data-theme=gemini] .grid-board{grid-template-columns:1.05fr 1.5fr 1.15fr;gap:var(--gap)}
@media(max-width:1000px){body[data-theme=gemini] .grid-board{grid-template-columns:1fr}}
body[data-theme=gemini] header.app{background:var(--panel);padding:8px 12px;border:1.5px solid var(--line);gap:12px}
body[data-theme=gemini] .brand{font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
body[data-theme=gemini] .brand em{font-style:normal;color:var(--ink3);font-weight:500}
body[data-theme=gemini] nav.tabs{gap:0;border-inline-start:1px solid var(--hair);padding-inline-start:10px}
body[data-theme=gemini] nav.tabs a{padding:5px 10px;font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);transition:.1s}
body[data-theme=gemini] nav.tabs a:hover{color:var(--ink1)}
body[data-theme=gemini] nav.tabs a.on{color:var(--ink1);background:var(--ink1);color:#f4f4f0}
body[data-theme=gemini] .card{background:var(--panel);border:1.5px solid var(--line);border-radius:0;padding:0;transition:.12s;overflow:hidden}
body[data-theme=gemini] .card>h2,body[data-theme=gemini] .card>.sub{padding-inline-start:12px;padding-inline-end:12px}
body[data-theme=gemini] .card>h2{padding-top:7px;padding-bottom:7px;border-bottom:1px solid var(--line);margin:0}
body[data-theme=gemini] .card>.sub{padding-top:8px}
body[data-theme=gemini] .card>*:not(h2):not(.sub){margin-inline-start:12px;margin-inline-end:12px}
/* first child gets a top inset too, UNLESS it's an h2/.sub (those bring their own top padding).
Without this, any card whose first child is a bare div/p/table hugs the top border (the
Desk Room house-view + persona cards were cramped for exactly this reason). Completes the
12px child-inset rhythm (L/R + bottom already existed; top was the missing side). */
body[data-theme=gemini] .card>*:first-child:not(h2):not(.sub){margin-top:12px}
/* Only matches before enhanceTables() wraps tables in `.tscroll` (after which the table is a
grandchild, and `.tscroll`'s own inherited 12px margins give the same result). Kept because that
pre-hydration frame is real and would otherwise paint a full-bleed table for an instant. */
body[data-theme=gemini] .card>table{width:calc(100% - 24px)}
body[data-theme=gemini] .card>*:last-child{margin-bottom:12px}
body[data-theme=gemini] main>.card,body[data-theme=gemini] main>.two-col{margin-bottom:var(--gap)}
body[data-theme=gemini] .two-col{gap:var(--gap)}
body[data-theme=gemini] .cards>*{margin-bottom:var(--gap)}
body[data-theme=gemini] .card.clickable:hover{background:var(--panel2)}
body[data-theme=gemini] h2{font-size:13px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
body[data-theme=gemini] .sub{font-size:11.5px;color:var(--ink2);opacity:1;line-height:1.45}
body[data-theme=gemini] .cell{border:1px solid var(--hair);border-radius:0;padding:8px 9px;background:var(--panel2);transition:.1s}
body[data-theme=gemini] .cell:hover{border-color:var(--line);background:var(--panel)}
body[data-theme=gemini] .cell b{font-size:12px;font-weight:700}
body[data-theme=gemini] th{font-size:9.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink3);font-weight:600;padding:5px 7px;border-bottom:1.5px solid var(--line)}
body[data-theme=gemini] td{padding:6px 7px;border-bottom:1px dotted var(--hair);font-size:12px}
body[data-theme=gemini] tr:hover td{background:var(--panel2)}
body[data-theme=gemini] .pill{background:transparent;color:var(--ink1);border:1px solid var(--line);border-radius:0;font-weight:700;padding:2px 8px;font-size:9.5px;letter-spacing:.06em;text-transform:uppercase}
body[data-theme=gemini] .pill.ok{background:var(--up);color:#fff;border-color:var(--up)}
body[data-theme=gemini] .pill.bad{background:var(--dn);color:#fff;border-color:var(--dn)}
body[data-theme=gemini] .pill.wait{background:var(--ink1);color:#f4f4f0;border-color:var(--ink1)}
body[data-theme=gemini] .tag{background:transparent;color:var(--ink2);border:1px solid var(--hair);border-radius:0;padding:1px 7px;font-weight:600;font-size:9.5px;letter-spacing:.04em;text-transform:uppercase}
body[data-theme=gemini] .ranges button{background:var(--panel);border:1px solid var(--line);border-radius:0;padding:4px 11px;color:var(--ink1);font-weight:600;font-size:11.5px;transition:.1s;font-family:var(--font-body)}
body[data-theme=gemini] .ranges button:hover{background:var(--panel2)}
body[data-theme=gemini] .ranges button.on{background:var(--ink1);color:#f4f4f0}
body[data-theme=gemini] .tooltip{background:var(--ink1);color:#f4f4f0;border-radius:0;box-shadow:none;font-family:var(--font-body)}
body[data-theme=gemini] .tk-head{padding:12px 12px 0}
body[data-theme=gemini] .tk-head .sym{font-family:var(--font-pixel);font-size:36px;font-weight:700;letter-spacing:.02em}
body[data-theme=gemini] .tk-head .px{font-family:var(--font-body);font-size:30px;font-weight:700}
body[data-theme=gemini] .wire p{border-bottom:1px dotted var(--hair);padding:5px 0;font-size:11.5px}
body[data-theme=gemini] .crumb{color:var(--ink2);font-weight:600;text-transform:uppercase;letter-spacing:.06em;font-size:11.5px}
body[data-theme=gemini] .crumb:hover{color:var(--ink1)}
body[data-theme=gemini] .statgrid{gap:1px;background:var(--hair);border:1px solid var(--line)}
body[data-theme=gemini] .stat{background:var(--panel);padding:9px 11px}
body[data-theme=gemini] .stat span{font-size:9.5px;letter-spacing:.05em;color:var(--ink3)}
body[data-theme=gemini] .stat b{font-size:15px}
/* key-facts grid */
body[data-theme=gemini] .facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1px;border:1px solid var(--line);background:var(--hair);border-radius:0;overflow:hidden}
body[data-theme=gemini] .fact{padding:9px 11px;border:none;background:var(--panel)}
body[data-theme=gemini] .fact span{display:block;font-size:9.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink3);margin-bottom:2px}
body[data-theme=gemini] .fact b{font-size:14px;font-weight:700}
/* value screen — expandable four-model working */
body[data-theme=gemini] .fvrow .fvcaret{display:inline-block;color:var(--ink3);font-size:10.5px;transition:transform .15s ease;margin-inline-start:2px}
body[data-theme=gemini] .fvrow.exp .fvcaret{transform:rotate(90deg);color:var(--ink1)}
body[data-theme=gemini] .fvdetail{display:none}
body[data-theme=gemini] .fvdetail.open{display:table-row}
body[data-theme=gemini] .fvdetail>td{padding:0;border-bottom:1.5px solid var(--line)}
body[data-theme=gemini] .fvwork{padding:12px 14px;background:var(--panel2);animation:fadeIn .2s both}
body[data-theme=gemini] .fvhdr{font-size:9.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink3);margin-bottom:10px}
body[data-theme=gemini] .fvmethods{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;background:var(--hair);border:1px solid var(--hair);margin-bottom:10px}
body[data-theme=gemini] .fvm{background:var(--panel);padding:9px 11px;display:flex;flex-direction:column;gap:2px}
body[data-theme=gemini] .fvm span{font-size:9.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink3)}
body[data-theme=gemini] .fvm b{font-size:15px;font-weight:700}
body[data-theme=gemini] .fvm i{font-size:11.5px;font-style:normal;font-weight:600}
body[data-theme=gemini] .fvline{font-size:11.5px;color:var(--ink2);padding:3px 0;border-top:1px dotted var(--hair)}
body[data-theme=gemini] .fvline span{display:inline-block;min-width:110px;text-transform:uppercase;font-size:9.5px;letter-spacing:.05em;color:var(--ink3)}
body[data-theme=gemini] .fvnote{font-size:11.5px;line-height:1.55;color:var(--ink2);margin-top:10px}
body[data-theme=gemini] .fvnote a{color:var(--ink1);text-decoration:underline}
/* watchlist star */
body[data-theme=gemini] .starbtn{background:transparent;border:1.5px solid var(--line);width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;flex:none;color:var(--ink3);padding:0}
body[data-theme=gemini] .starbtn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}
body[data-theme=gemini] .starbtn:hover{color:var(--ink1)}
body[data-theme=gemini] .starbtn.on{color:var(--ink1)}
body[data-theme=gemini] .starbtn.on svg{fill:var(--ink1);stroke:var(--ink1)}
/* ============ ACCOUNTS + ONBOARDING ============ */
body[data-theme=gemini] .acct-slot{display:flex;align-items:center}
body[data-theme=gemini] .acct-signin{background:var(--ink1);color:#f4f4f0;border:1.5px solid var(--ink1);padding:4px 12px;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-family:var(--font-body)}
body[data-theme=gemini] .acct-btn{width:28px;height:28px;background:var(--ink1);color:#f4f4f0;border:1.5px solid var(--ink1);font-weight:800;font-size:12px;font-family:var(--font-body)}
body[data-theme=gemini] .acct-slot{position:relative}
body[data-theme=gemini] .acct-menu{position:absolute;top:34px;inset-inline-end:0;background:var(--panel);border:1.5px solid var(--line);min-width:200px;z-index:80;display:flex;flex-direction:column}
body[data-theme=gemini] .acct-menu[hidden]{display:none!important}
body[data-theme=gemini] .acct-menu{min-width:250px}
body[data-theme=gemini] .acct-id{display:flex;gap:10px;align-items:center;padding:12px}
body[data-theme=gemini] .acct-av{width:30px;height:30px;flex:none;display:flex;align-items:center;justify-content:center;background:var(--ink1);color:#f4f4f0;font-weight:800;font-size:12px}
body[data-theme=gemini] .acct-email{padding:0;font-size:11px;color:var(--ink1);word-break:break-all;border:none;font-weight:600}
body[data-theme=gemini] .acct-plan{font-size:10.5px;color:var(--ink3);margin-top:2px}
body[data-theme=gemini] .acct-sep{height:1px;background:var(--hair)}
body[data-theme=gemini] .acct-menu button{display:flex;align-items:center;justify-content:space-between;gap:10px}
body[data-theme=gemini] .acct-chip{font-size:9.5px;text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--hair);padding:2px 6px;color:var(--ink3)}
body[data-theme=gemini] .acct-chip.on{background:var(--ink1);color:var(--panel);border-color:var(--ink1)}
body[data-theme=gemini] .plan-badge{font-size:10px;text-transform:uppercase;letter-spacing:.09em;border:1px solid var(--line);padding:4px 9px;color:var(--ink2)}
@media(max-width:900px){body[data-theme=gemini] .plan-badge{display:none}}
body[data-theme=gemini] .acct-menu button{background:transparent;border:none;text-align:start;padding:9px 12px;font-size:11.5px;font-weight:600;color:var(--ink1);font-family:var(--font-body)}
body[data-theme=gemini] .acct-menu button:hover{background:var(--panel2)}
/* auth modal */
body[data-theme=gemini] .authbox{position:fixed;inset:0;background:rgba(10,10,10,.45);z-index:100;display:flex;align-items:flex-start;justify-content:center;padding:9vh 16px 16px}
body[data-theme=gemini] .authpanel{background:var(--panel);border:1.5px solid var(--line);width:100%;max-width:400px;padding:18px}
body[data-theme=gemini] .auth-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
body[data-theme=gemini] .auth-head b{font-size:13px;letter-spacing:.1em;text-transform:uppercase}
body[data-theme=gemini] .auth-head em{font-style:normal;color:var(--ink3)}
body[data-theme=gemini] .auth-x{background:transparent;border:1px solid var(--line);width:24px;height:24px;font-size:11px}
body[data-theme=gemini] .auth-tabs{display:flex;margin-bottom:14px;border:1px solid var(--line)}
body[data-theme=gemini] .auth-tabs button{flex:1;background:transparent;border:none;padding:8px;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink3);font-family:var(--font-body)}
body[data-theme=gemini] .auth-tabs button.on{background:var(--ink1);color:#f4f4f0}
body[data-theme=gemini] .authpanel label{display:block;font-size:9.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink3);margin-bottom:10px}
body[data-theme=gemini] .authpanel input{display:block;width:100%;margin-top:4px;padding:9px 10px;border:1.5px solid var(--line);background:var(--panel);font:inherit;font-size:13px;color:var(--ink1)}
body[data-theme=gemini] .authpanel input:focus{outline:2px solid var(--ink1);outline-offset:-1px}
body[data-theme=gemini] .auth-go{width:100%;background:var(--ink1);color:#f4f4f0;border:1.5px solid var(--ink1);padding:10px;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-top:2px;font-family:var(--font-body)}
body[data-theme=gemini] .auth-go:disabled{opacity:.55}
body[data-theme=gemini] .authmsg{font-size:11.5px;color:var(--up);margin-top:10px;line-height:1.5;min-height:1em}
body[data-theme=gemini] .authmsg.bad{color:var(--dn)}
body[data-theme=gemini] .auth-foot{margin-top:10px;font-size:11px}
body[data-theme=gemini] .auth-foot a{text-decoration:underline;cursor:pointer;color:var(--ink2)}
body[data-theme=gemini] .auth-legal{margin-top:12px;padding-top:10px;border-top:1px solid var(--hair);font-size:9.5px;color:var(--ink3);line-height:1.5}
body[data-theme=gemini] .auth-legal a{color:var(--ink2);text-decoration:underline}
/* onboarding wizard */
body[data-theme=gemini] .wizbox{position:fixed;z-index:110}
body[data-theme=gemini] .wizbox.center{inset:0;background:rgba(10,10,10,.45);display:flex;align-items:center;justify-content:center;padding:16px}
body[data-theme=gemini] .wizbox.corner{inset-inline-end:18px;bottom:18px;max-width:400px}
body[data-theme=gemini] .wizcard{background:var(--panel);border:1.5px solid var(--line);padding:18px;width:100%;max-width:440px;box-shadow:6px 6px 0 rgba(10,10,10,.15)}
body[data-theme=gemini] .wiz-prog{height:4px;background:var(--line2);margin-bottom:14px}
body[data-theme=gemini] .wiz-prog span{display:block;height:100%;background:var(--ink1);transition:width .25s ease}
body[data-theme=gemini] .wiz-title{display:block;font-size:15px;font-weight:800;margin-bottom:8px;line-height:1.35}
body[data-theme=gemini] .wiz-body{font-size:12px;line-height:1.6;color:var(--ink2);margin-bottom:6px}
body[data-theme=gemini] .wiz-opts{display:flex;flex-direction:column;gap:6px;margin:10px 0 4px}
body[data-theme=gemini] .wiz-opt{text-align:start;background:var(--panel);border:1.5px solid var(--hair);padding:10px 12px;font-size:12.5px;font-weight:600;color:var(--ink1);font-family:var(--font-body);transition:.1s}
body[data-theme=gemini] .wiz-opt:hover{border-color:var(--line)}
body[data-theme=gemini] .wiz-opt.on{border-color:var(--ink1);background:var(--ink1);color:#f4f4f0}
body[data-theme=gemini] .wiz-nav{display:flex;align-items:center;gap:8px;margin-top:14px}
body[data-theme=gemini] .wiz-next{margin-inline-start:auto;background:var(--ink1);color:#f4f4f0;border:1.5px solid var(--ink1);padding:8px 18px;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;font-family:var(--font-body)}
body[data-theme=gemini] .wiz-back,body[data-theme=gemini] .wiz-skip{background:transparent;border:1px solid var(--hair);padding:8px 12px;font-size:10.5px;color:var(--ink3);font-family:var(--font-body)}
@media(max-width:720px){body[data-theme=gemini] .wizbox.corner{inset-inline-start:12px;inset-inline-end:12px;bottom:12px;max-width:none}}
/* "At a glance" explainability tiles */
body[data-theme=gemini] .glance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1px;background:var(--hair);border:1px solid var(--hair)}
body[data-theme=gemini] .glance-tile{background:var(--panel);padding:11px 13px}
body[data-theme=gemini] .glance-q{display:block;font-size:9.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink3);margin-bottom:4px}
body[data-theme=gemini] .glance-tile>b{font-size:14px;font-weight:700;display:block;margin-bottom:3px;line-height:1.3}
body[data-theme=gemini] .yearbars{display:flex;gap:7px;align-items:flex-end;height:76px;margin-top:4px}
body[data-theme=gemini] .yb{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%}
body[data-theme=gemini] .ybbar{width:60%;min-height:3px}
body[data-theme=gemini] .ybbar.up{background:var(--up)}
body[data-theme=gemini] .ybbar.dn{background:var(--dn)}
body[data-theme=gemini] .yb i{font-size:8.5px;font-style:normal;font-weight:700;margin-top:3px}
body[data-theme=gemini] .yb em{font-size:8.5px;font-style:normal;color:var(--ink3)}
/* Research library rows */
body[data-theme=gemini] .rdoc{padding:10px 0;border-bottom:1px dotted var(--hair)}
body[data-theme=gemini] .rdoc:last-child{border-bottom:none}
body[data-theme=gemini] .rdoc-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}
body[data-theme=gemini] .rdoc-src{font-size:11.5px;font-weight:600;color:var(--ink2)}
body[data-theme=gemini] .rdoc-digest{font-size:12px;line-height:1.5;color:var(--ink1)}
body[data-theme=gemini] .qabadge{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:1px 6px;border:1.5px solid var(--line)}
body[data-theme=gemini] .qabadge.ok{background:var(--up);color:#fff;border-color:var(--up)}
body[data-theme=gemini] .qabadge.warn{background:var(--dn);color:#fff;border-color:var(--dn)}
/* The Desk Room — AI analyst personas */
body[data-theme=gemini] .room-house{border:1.5px solid var(--line);border-inline-start:4px solid var(--ink1);background:var(--panel2)}
body[data-theme=gemini] .memo-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px;flex-wrap:wrap}
body[data-theme=gemini] .room-house>.memo-top{margin-bottom:10px}
body[data-theme=gemini] .room-house .hv-summary{font-size:13.5px;line-height:1.65;margin:0 0 14px}
body[data-theme=gemini] .conv{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink3);display:flex;align-items:center;gap:6px}
body[data-theme=gemini] .cvmeter{display:inline-flex;gap:2px}
body[data-theme=gemini] .cvseg{width:14px;height:8px;border:1px solid var(--line);background:transparent}
body[data-theme=gemini] .cvseg.on{background:var(--ink1)}
body[data-theme=gemini] .room-facts{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--hair);border:1px solid var(--hair);margin-top:2px}
body[data-theme=gemini] .room-facts>div{background:var(--panel);padding:11px 13px}
body[data-theme=gemini] .room-facts span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink3);margin-bottom:5px}
body[data-theme=gemini] .room-facts b{font-weight:600;font-size:12.5px;line-height:1.5}
body[data-theme=gemini] .phead{display:flex;align-items:center;gap:9px}
body[data-theme=gemini] .pav{width:30px;height:30px;flex:none;border:1.5px solid var(--line);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11.5px;background:var(--panel)}
body[data-theme=gemini] .phead b{display:block;font-size:13px}
body[data-theme=gemini] .prole{font-size:9.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink3)}
body[data-theme=gemini] .room-memo.bull{border-inline-start:4px solid var(--up)}
body[data-theme=gemini] .room-memo.bear{border-inline-start:4px solid var(--dn)}
body[data-theme=gemini] .room-ul{margin:8px 0 0 16px;padding:0}
body[data-theme=gemini] .room-ul li{font-size:11.5px;line-height:1.5;margin-bottom:4px;color:var(--ink2)}
body[data-theme=gemini] .stance{font-size:9.5px;text-transform:uppercase;letter-spacing:.05em;font-weight:700;padding:2px 8px;border:1.5px solid var(--line)}
body[data-theme=gemini] .stance.up{background:var(--up);color:#fff;border-color:var(--up)}
body[data-theme=gemini] .stance.dn{background:var(--dn);color:#fff;border-color:var(--dn)}
@media(max-width:720px){body[data-theme=gemini] .room-facts{grid-template-columns:1fr}}
/* 5-item summary strip — top of every ticker page */
body[data-theme=gemini] .sumstrip{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--hair);border:1.5px solid var(--line);margin:8px 0 12px}
/* 4-tile variant. MUST be a class, never an inline style: an inline grid-template-columns beats
the stylesheet, so the mobile rule below can't override it and the strip stays 4-across at 375px. */
body[data-theme=gemini] .sumstrip.s4{grid-template-columns:repeat(4,1fr)}
body[data-theme=gemini] .sumtile{background:var(--panel);padding:10px 12px;display:flex;flex-direction:column;gap:2px;min-width:0}
body[data-theme=gemini] .sumtile .sk{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink3)}
body[data-theme=gemini] .sumtile>b{font-size:14px;font-weight:700;line-height:1.25;overflow-wrap:anywhere}
body[data-theme=gemini] .sumtile>b.up{color:var(--up)}
body[data-theme=gemini] .sumtile>b.dn{color:var(--dn)}
body[data-theme=gemini] .sumtile>i{font-size:10px;font-style:normal;color:var(--ink3);line-height:1.35}
@media(max-width:720px){body[data-theme=gemini] .sumstrip,body[data-theme=gemini] .sumstrip.s4{grid-template-columns:1fr 1fr}body[data-theme=gemini] .sumstrip .sumtile:nth-child(5){grid-column:1/-1}}
/* Today — your watchlist mini table + "yours" badge on radar names */
body[data-theme=gemini] .wl-mini td{padding:9px 13px}
body[data-theme=gemini] .wbadge{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--accent,#b8860b);border:1px solid var(--accent,#b8860b);padding:1px 5px;margin-inline-start:4px;white-space:nowrap}
/* private per-ticker note */
body[data-theme=gemini] .tknote{width:100%;min-height:96px;resize:vertical;background:var(--panel2,var(--panel));border:1.5px solid var(--line);color:var(--ink1);font:inherit;font-size:13px;line-height:1.55;padding:11px 13px}
body[data-theme=gemini] .tknote:focus{outline:none;border-color:var(--ink2)}
body[data-theme=gemini] .tknote-bar{display:flex;align-items:center;gap:12px;margin-top:10px}
body[data-theme=gemini] .note-save{background:var(--ink1);color:var(--panel);border:1.5px solid var(--ink1);font:inherit;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:8px 16px;cursor:pointer}
body[data-theme=gemini] .note-save:hover{opacity:.85}
/* track-record clock (Scores page) */
body[data-theme=gemini] .trackclock{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--hair);border:1.5px solid var(--line);margin:8px 0 12px}
body[data-theme=gemini] .clk-tile{background:var(--panel);padding:11px 13px;display:flex;flex-direction:column;gap:2px}
body[data-theme=gemini] .clk-tile>span{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink3)}
body[data-theme=gemini] .clk-tile>b{font-size:19px;font-weight:700;line-height:1.1;font-family:"Pixelify Sans",var(--mono,monospace)}
body[data-theme=gemini] .clk-tile>i{font-size:10px;font-style:normal;color:var(--ink3);line-height:1.35}
@media(max-width:720px){body[data-theme=gemini] .trackclock{grid-template-columns:1fr 1fr}}
/* legal pages */
body[data-theme=gemini] .legal-tabs{display:flex;gap:1px;background:var(--hair);border:1.5px solid var(--line);margin-bottom:12px;flex-wrap:wrap}
body[data-theme=gemini] .legal-tabs a{flex:1;text-align:center;padding:10px 12px;background:var(--panel);color:var(--ink2);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}
body[data-theme=gemini] .legal-tabs a.on{background:var(--ink1);color:var(--panel)}
body[data-theme=gemini] .legal-doc{max-width:820px}
body[data-theme=gemini] .legal-intro{font-size:13.5px;line-height:1.65;color:var(--ink2);margin-bottom:18px;border-inline-start:4px solid var(--line);padding-inline-start:12px}
body[data-theme=gemini] .legal-doc h3{font-size:13.5px;font-weight:700;margin:18px 0 5px;color:var(--ink1)}
body[data-theme=gemini] .legal-doc p{font-size:12.5px;line-height:1.65;color:var(--ink2)}
/* footer legal links */
body[data-theme=gemini] .foot-links{display:block;margin-top:8px}
body[data-theme=gemini] .foot-links a{color:var(--ink2);text-decoration:underline;margin-inline-end:4px}
/* portfolio tracker */
body[data-theme=gemini] .ph-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
body[data-theme=gemini] .ph-in{flex:1;min-width:110px;background:var(--panel2,var(--panel));border:1.5px solid var(--line);color:var(--ink1);font:inherit;font-size:13px;padding:9px 11px}
body[data-theme=gemini] .ph-in:focus{outline:none;border-color:var(--ink2)}
body[data-theme=gemini] .ph-del{background:transparent;border:1.5px solid var(--line);color:var(--ink3);font-size:12px;line-height:1;padding:4px 8px;cursor:pointer}
body[data-theme=gemini] .ph-del:hover{border-color:var(--dn);color:var(--dn)}
body[data-theme=gemini] .ph-form tfoot td,body[data-theme=gemini] table tfoot td{border-top:1.5px solid var(--line);padding-top:9px}
body[data-theme=gemini] .ph-bars{display:flex;flex-direction:column;gap:6px}
body[data-theme=gemini] .ph-bar-row{display:flex;align-items:center;gap:10px}
body[data-theme=gemini] .ph-bar-lbl{width:64px;font-weight:700;font-size:12px;flex:none}
body[data-theme=gemini] .ph-bar-track{flex:1;height:14px;background:var(--hair);border:1px solid var(--line)}
body[data-theme=gemini] .ph-bar-fill{display:block;height:100%;background:var(--ink1)}
body[data-theme=gemini] .ph-bar-val{width:42px;text-align:end;flex:none;font-size:12px}
/* settings: digest + followed brokers */
body[data-theme=gemini] .seg-opts{display:flex;gap:1px;background:var(--hair);border:1.5px solid var(--line);width:fit-content}
body[data-theme=gemini] .seg-opt{background:var(--panel);color:var(--ink2);border:none;font:inherit;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:8px 18px;cursor:pointer}
body[data-theme=gemini] .seg-opt.on{background:var(--ink1);color:var(--panel)}
body[data-theme=gemini] .chk-row{display:flex;align-items:center;gap:9px;padding:6px 0;font-size:13px;color:var(--ink2);cursor:pointer}
body[data-theme=gemini] .chk-row input{width:16px;height:16px;accent-color:var(--ink1)}
body[data-theme=gemini] .follow-grid{display:flex;flex-wrap:wrap;gap:8px}
body[data-theme=gemini] .follow-chip{display:inline-block;text-decoration:none;background:var(--panel2,var(--panel));border:1.5px solid var(--line);color:var(--ink2);font:inherit;font-size:12px;font-weight:600;padding:7px 13px;cursor:pointer}
body[data-theme=gemini] .follow-chip.on{background:var(--ink1);color:var(--panel);border-color:var(--ink1)}
body[data-theme=gemini] .follow-chip:hover{border-color:var(--ink2)}
/* "Watch the desk analyse" tile + cinematic replay overlay */
/* prominent BLACK "run the desk" bar — the hero CTA that gates the analysis */
body[data-theme=gemini] .run-desk{display:flex;align-items:center;gap:15px;width:100%;text-align:start;background:var(--ink1);border:1.5px solid var(--ink1);padding:15px 17px;margin:10px 0 14px;cursor:pointer;font:inherit;color:#f4f4f0}
body[data-theme=gemini] .run-desk:hover{background:#000}
body[data-theme=gemini] .run-desk:active{transform:scale(.995)}
body[data-theme=gemini] .run-ico{flex:none;width:38px;height:38px;border:1.5px solid rgba(244,244,240,.6);display:flex;align-items:center;justify-content:center;font-size:14px;color:#f4f4f0}
body[data-theme=gemini] .run-desk:hover .run-ico{border-color:#f4f4f0}
body[data-theme=gemini] .run-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
body[data-theme=gemini] .run-txt b{font-size:15px;font-weight:700;letter-spacing:.01em}
body[data-theme=gemini] .run-txt i{font-style:normal;font-size:11.5px;color:rgba(244,244,240,.7);line-height:1.45}
body[data-theme=gemini] .run-meta{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:5px;text-align:end}
body[data-theme=gemini] .run-last{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:rgba(244,244,240,.55)}
body[data-theme=gemini] .run-go{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#f4f4f0;border:1.5px solid rgba(244,244,240,.6);padding:5px 12px}
body[data-theme=gemini] .run-desk:hover .run-go{border-color:#f4f4f0;background:rgba(244,244,240,.1)}
@media(max-width:560px){body[data-theme=gemini] .run-txt i{display:none}body[data-theme=gemini] .run-meta{align-items:flex-end}}
body[data-theme=gemini] .replay-overlay{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.62);display:flex;align-items:center;justify-content:center;padding:20px;animation:rpFade .18s ease}
body[data-theme=gemini] .replay-box{width:100%;max-width:720px;max-height:90vh;background:var(--panel);border:1.5px solid var(--line);display:flex;flex-direction:column;box-shadow:0 18px 60px rgba(0,0,0,.4)}
body[data-theme=gemini] .replay-head{display:flex;align-items:center;gap:12px;padding:11px 14px;border-bottom:1.5px solid var(--line)}
body[data-theme=gemini] .replay-kicker{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink3);white-space:nowrap}
body[data-theme=gemini] .replay-dots{flex:1;display:flex;gap:5px;align-items:center;flex-wrap:wrap}
body[data-theme=gemini] .rp-dot{width:16px;height:4px;background:var(--hair);cursor:pointer}
body[data-theme=gemini] .rp-dot.on{background:var(--ink1)}
body[data-theme=gemini] .replay-x{flex:none;background:transparent;border:none;color:var(--ink3);font-size:15px;cursor:pointer;line-height:1}
body[data-theme=gemini] .replay-x:hover{color:var(--ink1)}
body[data-theme=gemini] .replay-body{padding:20px;overflow-y:auto;min-height:280px}
body[data-theme=gemini] .replay-stage{border-inline-start:4px solid var(--line);padding-inline-start:16px}
body[data-theme=gemini] .replay-stage.accent-up{border-left-color:var(--up)}
body[data-theme=gemini] .replay-stage.accent-dn{border-left-color:var(--dn)}
body[data-theme=gemini] .rp-persona{display:flex;align-items:center;gap:11px;margin-bottom:14px}
body[data-theme=gemini] .rp-av{flex:none;width:38px;height:38px;border:1.5px solid var(--line);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;background:var(--panel2,var(--panel))}
body[data-theme=gemini] .rp-persona b{display:block;font-size:16px;line-height:1.1}
body[data-theme=gemini] .rp-role{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink3)}
body[data-theme=gemini] .rp-step{margin-inline-start:auto;font-size:10px;color:var(--ink3);white-space:nowrap}
body[data-theme=gemini] .rp-blocks{display:flex;flex-direction:column;gap:10px}
body[data-theme=gemini] .rp-block{opacity:0;animation:rpUp .5s ease forwards}
body[data-theme=gemini] .rp-block p{font-size:13.5px;line-height:1.6;color:var(--ink1)}
body[data-theme=gemini] .rp-lead{font-size:14.5px!important;line-height:1.6}
body[data-theme=gemini] .rp-facts{font-size:12px;color:var(--ink2);background:var(--panel2,var(--panel));border:1px solid var(--hair);padding:8px 11px}
body[data-theme=gemini] .rp-facts .cvmeter{display:inline-flex;gap:2px;vertical-align:middle;margin:0 4px}
body[data-theme=gemini] .rp-tag{font-size:11px;color:var(--ink3);text-transform:uppercase;letter-spacing:.04em}
body[data-theme=gemini] .rp-break{font-size:12.5px;line-height:1.5;color:var(--ink2);border-inline-start:2px solid var(--hair);padding-inline-start:10px}
body[data-theme=gemini] .rp-ul{margin:2px 0 0 16px;padding:0}
body[data-theme=gemini] .rp-ul li{font-size:12.5px;line-height:1.55;margin-bottom:5px;color:var(--ink2)}
body[data-theme=gemini] .replay-ctrl{display:flex;gap:1px;border-top:1.5px solid var(--line);background:var(--hair)}
body[data-theme=gemini] .rp-btn{flex:1;background:var(--panel);border:none;padding:11px;font:inherit;font-size:12px;font-weight:600;color:var(--ink1);cursor:pointer}
body[data-theme=gemini] .rp-btn:hover{background:var(--panel2,var(--panel))}
body[data-theme=gemini] .rp-play{font-weight:700}
@keyframes rpUp{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@keyframes rpFade{from{opacity:0}to{opacity:1}}
body[data-theme=gemini] .replay-head-r{margin-inline-start:auto;display:flex;align-items:center;gap:10px}
body[data-theme=gemini] .rp-skip{background:transparent;border:1.5px solid var(--line);color:var(--ink2);font:inherit;font-size:11px;font-weight:700;padding:4px 10px;cursor:pointer}
body[data-theme=gemini] .rp-skip:hover{border-color:var(--ink2);color:var(--ink1)}
/* phase 1 — the "running the desk" loader */
body[data-theme=gemini] .rp-load{padding:14px 4px}
body[data-theme=gemini] .rp-load-title{font-size:17px;font-weight:700}
body[data-theme=gemini] .rp-load-sub{font-size:12px;color:var(--ink3);margin:4px 0 20px;line-height:1.5}
body[data-theme=gemini] .rp-prog{height:10px;background:var(--hair);border:1.5px solid var(--line);overflow:hidden}
body[data-theme=gemini] .rp-prog-fill{height:100%;width:0;background:var(--ink1);transition:width .12s linear}
body[data-theme=gemini] .rp-pct{font-family:"Pixelify Sans",var(--mono,monospace);font-size:34px;font-weight:700;line-height:1;margin:12px 0 20px}
body[data-theme=gemini] .rp-pct span{font-size:18px;color:var(--ink3);margin-inline-start:2px}
body[data-theme=gemini] .rp-steps{display:flex;flex-direction:column;gap:8px;min-height:170px}
body[data-theme=gemini] .rp-step-line{display:flex;align-items:baseline;gap:9px;font-size:12.5px;color:var(--ink1);animation:rpUp .32s ease}
body[data-theme=gemini] .rp-step-mk{color:var(--accent,#b8860b);font-weight:700;flex:none}
body[data-theme=gemini] .rp-step-tx{line-height:1.45}
body[data-theme=gemini] .rp-step-line.did .rp-step-mk{color:var(--up)}
body[data-theme=gemini] .rp-step-line.did .rp-step-mk::before{content:"✓ ";}
body[data-theme=gemini] .rp-step-line.did .rp-step-tx{color:var(--ink3)}
/* phase 2 — the split-desk reveal */
body[data-theme=gemini] .rp-reveal{animation:rpFade .25s ease}
body[data-theme=gemini] .rp-reveal-head{margin-bottom:12px}
body[data-theme=gemini] .rp-reveal-head b{font-size:16px;display:block}
body[data-theme=gemini] .rp-reveal-head span{font-size:11px;color:var(--ink3)}
body[data-theme=gemini] .rp-desk{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--hair);border:1px solid var(--hair)}
body[data-theme=gemini] .rp-panel{background:var(--panel);padding:11px 13px;border-top:3px solid var(--line)}
body[data-theme=gemini] .rp-panel.accent-up{border-top-color:var(--up)}
body[data-theme=gemini] .rp-panel.accent-dn{border-top-color:var(--dn)}
body[data-theme=gemini] .rp-panel-head{display:flex;align-items:center;gap:9px;margin-bottom:7px}
body[data-theme=gemini] .rp-av.sm{width:28px;height:28px;font-size:11px}
body[data-theme=gemini] .rp-panel-head b{display:block;font-size:13px;line-height:1.1}
body[data-theme=gemini] .rp-panel-read{font-size:11.5px;line-height:1.5;color:var(--ink2);margin:0}
body[data-theme=gemini] .rp-panel .rp-facts{margin-top:7px;font-size:11px;padding:6px 8px}
body[data-theme=gemini] .rp-panel .rp-ul{margin:6px 0 0 15px;padding:0}
body[data-theme=gemini] .rp-panel .rp-ul li{font-size:11px;line-height:1.45;margin-bottom:3px;color:var(--ink2)}
/* the highlighted Chair verdict */
body[data-theme=gemini] .rp-chair{border:1.5px solid var(--ink1);border-inline-start:5px solid var(--ink1);background:var(--panel2,var(--panel));padding:14px 16px;margin-top:12px}
body[data-theme=gemini] .rp-chair-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
body[data-theme=gemini] .rp-chair-tag{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
body[data-theme=gemini] .rp-chair-summary{font-size:14px;line-height:1.6;margin:0 0 14px}
/* the clearer conviction meter */
body[data-theme=gemini] .cvmeter2{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1px;background:var(--hair);border:1.5px solid var(--line)}
body[data-theme=gemini] .cvm{background:var(--panel);text-align:center;padding:8px 4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink3)}
body[data-theme=gemini] .cvm.act{color:#fff}
body[data-theme=gemini] .cvm.act.lvl-low{background:var(--dn)}
body[data-theme=gemini] .cvm.act.lvl-med{background:var(--ink1)}
body[data-theme=gemini] .cvm.act.lvl-high{background:var(--up)}
body[data-theme=gemini] .cvcap{font-size:10.5px;color:var(--ink3);margin-top:5px;text-transform:uppercase;letter-spacing:.04em}
body[data-theme=gemini] .rp-chair-facts{display:flex;flex-direction:column;gap:9px;margin-top:14px}
body[data-theme=gemini] .rp-chair-facts>div>span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink3);margin-bottom:3px}
body[data-theme=gemini] .rp-chair-facts>div>b{font-weight:600;font-size:12.5px;line-height:1.5}
body[data-theme=gemini] .rp-reveal-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid var(--hair)}
body[data-theme=gemini] .rp-reveal-foot>span:first-child{font-size:11px;color:var(--ink3);line-height:1.5;flex:1;min-width:200px}
body[data-theme=gemini] .rp-foot-btns{display:flex;gap:8px}
body[data-theme=gemini] .rp-btn2{background:var(--panel);border:1.5px solid var(--line);color:var(--ink1);font:inherit;font-size:11.5px;font-weight:700;padding:7px 13px;cursor:pointer}
body[data-theme=gemini] .rp-btn2:hover{background:var(--panel2,var(--panel));border-color:var(--ink2)}
/* strategy-run reveal — the #1 strategy highlighted */
body[data-theme=gemini] .rp-strat-top{display:flex;align-items:flex-start;gap:13px;border:1.5px solid var(--ink1);border-inline-start:5px solid var(--up);background:var(--panel2,var(--panel));padding:13px 15px}
body[data-theme=gemini] .rp-strat-rank{flex:none;font-family:"Pixelify Sans",var(--mono,monospace);font-size:26px;font-weight:700;line-height:1;color:var(--up)}
body[data-theme=gemini] .rp-strat-top b{font-size:15px}
@media(max-width:720px){body[data-theme=gemini] .replay-body{padding:15px;min-height:320px}body[data-theme=gemini] .replay-kicker{display:none}body[data-theme=gemini] .rp-desk{grid-template-columns:1fr}}
/* The Signal Stack — every lens in one grammar: lean · conviction · why */
body[data-theme=gemini] .sigstack{padding:0}
body[data-theme=gemini] .sig-row{display:grid;grid-template-columns:132px 116px 118px 1fr;gap:12px;align-items:baseline;padding:11px 15px;border-bottom:1px solid var(--hair)}
body[data-theme=gemini] .sig-lens{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink2)}
body[data-theme=gemini] .sig-chip{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;border:1.5px solid var(--line);padding:3px 8px;justify-self:start;white-space:nowrap}
body[data-theme=gemini] .sig-chip.up{color:var(--up);border-color:var(--up)}
body[data-theme=gemini] .sig-chip.dn{color:var(--dn);border-color:var(--dn)}
body[data-theme=gemini] .sig-chip.lock{background:var(--ink1);color:#f4f4f0;border-color:var(--ink1)}
body[data-theme=gemini] .sig-conv{font-size:11px;color:var(--ink3);white-space:nowrap}
body[data-theme=gemini] .sig-note{font-size:12.5px;color:var(--ink2);line-height:1.5;min-width:0}
body[data-theme=gemini] .sig-row.locked{cursor:pointer}
body[data-theme=gemini] .sig-row.locked .sig-note{color:var(--ink3)}
body[data-theme=gemini] .sig-conf{display:grid;grid-template-columns:132px 1fr;gap:12px;align-items:baseline;padding:12px 15px;background:var(--panel2,var(--panel))}
body[data-theme=gemini] .sig-conf .sig-note{font-size:13px;color:var(--ink1)}
body[data-theme=gemini] .sig-locknote{color:var(--ink3);font-size:12px}
@media(hover:hover){body[data-theme=gemini] .sig-row.locked:hover{background:var(--hair)}}
body[data-theme=gemini] .sig-row.locked:active{transform:scale(.995)}
@media(max-width:720px){
body[data-theme=gemini] .sig-row{grid-template-columns:1fr auto;gap:5px 10px;padding:11px 13px}
body[data-theme=gemini] .sig-chip{grid-row:1;grid-column:2;justify-self:end}
body[data-theme=gemini] .sig-conv{grid-row:2;grid-column:2;text-align:end}
body[data-theme=gemini] .sig-note{grid-row:2;grid-column:1}
body[data-theme=gemini] .sig-conf{grid-template-columns:1fr;gap:4px;padding:12px 13px}
}
/* Astro page — the verdict card leads, because the null IS the finding */
body[data-theme=gemini] .astro-verdict{border:1.5px solid var(--ink1);border-inline-start:5px solid var(--dn)}
body[data-theme=gemini] .av-top{display:flex;align-items:center;gap:10px;margin-bottom:10px}
body[data-theme=gemini] .av-tag{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink3)}
body[data-theme=gemini] .av-top .pill{margin-inline-start:auto}
body[data-theme=gemini] .av-lede{font-size:14.5px;line-height:1.6;color:var(--ink1);margin:0 0 14px}
body[data-theme=gemini] .av-nums{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--hair);border:1.5px solid var(--line);margin-bottom:14px}
body[data-theme=gemini] .av-nums>div{background:var(--panel);padding:12px 14px;display:flex;flex-direction:column;gap:3px}
body[data-theme=gemini] .av-nums span{font-family:"Pixelify Sans",var(--mono,monospace);font-size:30px;font-weight:700;line-height:1}
body[data-theme=gemini] .av-nums span.dn{color:var(--dn)}
body[data-theme=gemini] .av-nums i{font-style:normal;font-size:11px;color:var(--ink3);line-height:1.4}
body[data-theme=gemini] .av-read{font-size:13px;line-height:1.65;color:var(--ink2);margin:0 0 12px}
body[data-theme=gemini] .av-foot{font-size:12px;line-height:1.55;color:var(--ink3);border-top:1px solid var(--hair);padding-top:10px}
body[data-theme=gemini] .av-foot a{color:var(--accent)}
@media(max-width:720px){body[data-theme=gemini] .av-nums{grid-template-columns:1fr}body[data-theme=gemini] .av-nums span{font-size:24px}}
/* Themed ticker combobox (replaces the unstyleable native