/* Blackmint theme: Night Drive (id night-drive, v1.68).
   Miami Vice / synthwave colors on the Dark base, Blackmint identity kept (leaf logo, Minty, Bull Run, charts).
   Indigo-black panels, hot-pink primary neon, electric-cyan HUD (brackets, grid floor), soft violet glow.
   Sunset magenta->orange appears ONLY as a thin header glow strip (and Minty blush, Task 4).
   Prices stay semantic: up = teal-mint #2ee6b4 (site's ▲), down = coral #ff5468 (▼). Pink/cyan are chrome only.
   Particle motes + easter egg DOM live in app/nightfx (Task 3); this file is CSS-only chrome.
   Every rule is scoped under S = html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] (see THEMES.md). */

/* 1) palette. --mint is the site's accent variable, so it becomes pink; up/down use their own variables. */
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"]{color-scheme:dark;
 --nd-pink:#ff2d95;--nd-cyan:#00e8ff;--nd-violet:#7a5cff;--nd-bg:#05040f;--nd-card:#0c0a18;--nd-border:#2a1f4a;
 --bg:#05040f;--glass:#0c0a18;--bd:#2a1f4a;--tx:#f4f0ff;--mu:#a89bc8;--ac:#ff2d95;--ac2:#00e8ff;
 --up:#2ee6b4;--dn:#ff5468;
 --mint:#ff2d95;--mint-rgb:255,45,149;--mint-dim:#b81a6c;--mint-dim-rgb:184,26,108;
 --coral:#ff5468;--coral-dim:#ff5468;--coral-rgb:255,84,104;
 --bm-mint:#2ee6b4;--bm-red:#ff5468;--bm-mint-tx:#2ee6b4;--bm-red-tx:#ff5468;
 --bm-ink:#ffffff;--bm-white:#f4f0ff;--bm-text:#f4f0ff;--bm-muted:#a89bc8;--bm-grid:rgba(0,232,255,.07);--bm-line:#2a1f4a;
 --bmwn:#ff2d95;--bmwnt:#05040f;
 color:#f4f0ff;background:#05040f!important}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] body{background:#05040f!important;color:#f4f0ff}
/* cyan perspective grid floor (conic rays from a horizon vanishing point + bands of tightening horizontals),
   violet horizon haze, faint solder-dot circuit + scanlines above the horizon. CSS-only, behind everything. */
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"][lang] body::before{background:
  repeating-linear-gradient(0deg,rgba(255,255,255,.017) 0 1px,transparent 1px 3px),
  radial-gradient(ellipse at 50% 30%,rgba(5,4,15,0) 30%,rgba(5,4,15,.88) 100%),
  repeating-conic-gradient(from 90deg at 50% 0,rgba(0,232,255,.16) 0 .35deg,transparent .35deg 7.5deg) 0 100%/100% 42% no-repeat,
  repeating-linear-gradient(180deg,transparent 0 46px,rgba(0,232,255,.16) 46px 47px) 0 100%/100% 18% no-repeat,
  repeating-linear-gradient(180deg,transparent 0 22px,rgba(0,232,255,.12) 22px 23px) 0 82%/100% 14% no-repeat,
  repeating-linear-gradient(180deg,transparent 0 10px,rgba(0,232,255,.09) 10px 11px) 0 66%/100% 10% no-repeat,
  linear-gradient(180deg,transparent 0,rgba(122,92,255,.16) 55%,rgba(255,45,149,.10) 58%,transparent 64%) 0 0/100% 100% no-repeat,
  radial-gradient(circle,rgba(0,232,255,.38) 1.3px,transparent 2px) 0 0/144px 144px,
  linear-gradient(rgba(122,92,255,.10) 1px,transparent 1px) 0 72px/144px 144px,
  linear-gradient(90deg,rgba(122,92,255,.10) 1px,transparent 1px) 72px 0/144px 144px,
  linear-gradient(rgba(0,232,255,.04) 1px,transparent 1px) 0 0/48px 48px,
  linear-gradient(90deg,rgba(0,232,255,.04) 1px,transparent 1px) 0 0/48px 48px,#05040f!important}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] a{color:#ff7ab8}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] ::selection{background:#ff2d95;color:#05040f}

/* 2) header, debt clock, logo. Thin sunset glow strip (magenta -> orange) is the ONLY sunset on the page. */
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] header{background:rgba(5,4,15,.92)!important;border-bottom:1px solid #ff2d95!important;
 box-shadow:0 1px 0 rgba(255,138,61,.45),0 0 14px -2px rgba(255,45,149,.55),0 6px 22px -14px rgba(0,232,255,.45)}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] header::before{content:"";position:absolute;left:0;right:0;bottom:-3px;height:2px;pointer-events:none;opacity:.85;
 background:linear-gradient(90deg,transparent 0,#ff2d95 18%,#ff4f7b 40%,#ff8a3d 58%,#ff2d95 80%,transparent 100%);filter:blur(.4px)}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .bmdc{background:#09071a!important;border-color:#2a1f4a!important}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .bmdc-tg,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .bmro{background:#130f28!important;border-color:#2a1f4a!important}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .logo b{color:#ffffff;text-shadow:0 0 12px rgba(0,232,255,.35)}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .logo i{color:#ff2d95!important;text-shadow:0 0 10px rgba(255,45,149,.65),0 0 22px rgba(0,232,255,.25)}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .bml svg,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .bma,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .bmlg,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .bmll{filter:hue-rotate(176deg) saturate(1.4) drop-shadow(0 0 4px rgba(255,45,149,.45))}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .bmnew{background:#ff2d95!important;color:#05040f!important}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .thl,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .thgame,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .bmro em{color:#5ff1ff!important}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] header b:empty,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .bmls i{background-color:#ff2d95!important;box-shadow:0 0 6px #ff2d95}

/* 3) cards: indigo glass, pink neon outline, pink->cyan top trace on compact cards */
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .glass{background-color:#0c0a18!important;border-color:#2a1f4a!important;box-shadow:0 0 0 1px rgba(255,45,149,.10),0 0 22px -10px rgba(255,45,149,.5),inset 0 1px 0 rgba(0,232,255,.07)!important}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"][lang] #list.glass,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"][lang] #glU,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"][lang] #glD{background:#0c0a18!important}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .glass.stat,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .glass.mv,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .glass.hb,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .glass.cst{background-image:linear-gradient(90deg,transparent,#ff2d95 28%,#f4f0ff 50%,#00e8ff 72%,transparent)!important;background-size:100% 1px!important;background-repeat:no-repeat!important}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .hb,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .hb.alarm{background-color:#08061a!important;border-color:#2a1f4a!important}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .cst,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .cw{background-color:#08061a!important}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .row{border-bottom:1px solid #1a1433!important}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .row:hover{background:#130f28!important}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .row.hd,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"][lang] #list .row.hd,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .hd{background:#100c22!important}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .chip,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .vtg,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .cmode,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .mkb,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .x,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .zr{background:#130f28!important;border-color:#2a1f4a!important}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .rng button.on,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .vtg button.on,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .cmode button.on,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .mrng button.on,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .ctg2 button.on{background:rgba(255,45,149,.16)!important;color:#ff7ab8!important}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] #det,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .det,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"][lang] #det{background:#0c0a18!important;border-color:#2a1f4a!important}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .modal{background:rgba(5,4,15,.84)!important}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .tip,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .ctip,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .thmn{background:#0c0a18!important;border-color:#2a1f4a!important;color:#f4f0ff}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .tabs{background:#09071a!important;border-color:#ff2d95!important;box-shadow:0 0 14px -4px rgba(255,45,149,.5),0 0 24px -12px rgba(0,232,255,.4)}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .tabs .on,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .tabs [aria-current=page],html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .tabs [aria-selected=true],html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .tabs button.on{color:#ff7ab8!important}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .thb .thx{stroke:#00e8ff;fill:none}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] #bmMore .bmmg button{background:#130f28!important;border-color:#2a1f4a!important}

/* 4) mono "> " terminal labels */
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .stat small,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .row.hd{font-family:var(--mono),ui-monospace,Menlo,monospace!important;letter-spacing:.1em}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .stat small::before{content:"> ";color:#00e8ff}

/* 5) prices: up teal, down coral (arrows come from the site), never pink */
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .up,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .row .p.fu,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .gl .up,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .xp .u,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .sent .u,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] #glU .glh b{color:#2ee6b4!important}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .dn,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .row .p.fd{color:#ff5468!important}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .vbig.up,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .dp.up,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .stat .up{text-shadow:0 0 10px rgba(46,230,180,.35)!important}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .vbig.dn,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .dp.dn,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .stat .dn{text-shadow:0 0 10px rgba(255,84,104,.3)!important}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .spkl button.u{color:#2ee6b4;border-color:rgba(46,230,180,.4)}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .tug .tb{background:linear-gradient(90deg,rgba(46,230,180,.25),#2ee6b4)!important}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .bar2{background:linear-gradient(90deg,#ff5468,#2a1f4a 50%,#2ee6b4)!important}

/* 6) social links: pink neon with a cyan hover halo */
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .bmsa{color:#ff7ab8;border-color:rgba(255,45,149,.45);background:rgba(255,45,149,.06)}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .bmsa:hover,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .bmsa:focus-visible{color:#ffffff;border-color:#ff2d95;background:rgba(255,45,149,.14);box-shadow:0 0 0 1px rgba(255,45,149,.3),0 0 12px rgba(255,45,149,.5),0 0 22px -6px rgba(0,232,255,.45)}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] #hbw .bmfm .bmsa{background:rgba(5,4,15,.78)}

/* 7) v1.35 dark rule paints every card black + mint outline AND re-declares the colour variables on each card,
      so override with higher specificity and re-declare the Night Drive palette on the cards too */
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"][lang] body .glass:not(nav):not(header):not(#_a):not(#_b){background:#0c0a18!important;border:1px solid #3a2a66!important;box-shadow:0 0 0 1px rgba(255,45,149,.09),0 0 22px -10px rgba(255,45,149,.55),inset 0 1px 0 rgba(0,232,255,.07)!important;color:#f4f0ff;
 --tx:#f4f0ff;--mu:#a89bc8;--bd:rgba(122,92,255,.28);--glass:rgba(122,92,255,.05);--up:#2ee6b4;--dn:#ff5468;--mint:#ff2d95;--coral:#ff5468}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"][lang] body .glass:not(nav):not(header):not(#_a):not(#_b).stat,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"][lang] body .glass:not(nav):not(header):not(#_a):not(#_b).mv,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"][lang] body .glass:not(nav):not(header):not(#_a):not(#_b).hb,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"][lang] body .glass:not(nav):not(header):not(#_a):not(#_b).cst{background-image:linear-gradient(90deg,transparent,#ff2d95 28%,#f4f0ff 50%,#00e8ff 72%,transparent)!important;background-size:100% 1px!important;background-repeat:no-repeat!important}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"][lang] body .glass:not(nav):not(header):not(#_a):not(#_b).hb,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"][lang] body .glass:not(nav):not(header):not(#_a):not(#_b).cst,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"][lang] body .glass:not(nav):not(header):not(#_a):not(#_b).cw{background-color:#08061a!important}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"][lang] body aside#bmad.bmad.glass:not(#_a):not(#_b){background:#08061a!important}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .dot{background:#ff2d95;box-shadow:0 0 8px rgba(255,45,149,.8)!important}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .bmarc,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .bmmarc{border-color:#ff2d95;color:#ff7ab8}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .bmarc:hover,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .bmarc:focus-visible{background:rgba(255,45,149,.14);box-shadow:0 0 14px -4px rgba(0,232,255,.5)}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] button.on,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .tabs button.on{box-shadow:0 0 14px rgba(255,45,149,.22)}
/* AA fixes: ECG tags, small em hints, idle stars (all >= 4.5:1 on #0c0a18) */
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .ecgtag,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .ecgro small{color:#ff7ab8}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .hb.alarm .ecgtag,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .hb.alarm .ecgro small{color:#ff8a98}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .hlp em,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .spkl button em,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .sup em{color:#a89bc8}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .star:not(.on){color:#9a8fbc}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"][lang] body .glass:not(nav):not(header):not(#_a):not(#_b) .star:not(.on){color:#9a8fbc}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .spkl small{color:#5ff1ff}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .bmfl{color:#a89bc8}

/* 8) leftover mint -> pink/cyan: news desk, ticker, toggles, chips */
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] #news{--nb:#2a1f4a;--nc:#0c0a18;--nt:#ebe6ff;--nw:#fff;--nm:#a89bc8;--nm2:#a89bc8;--nu:#ff7ab8;--nd:#ff5468;--nch:#130f28}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] #news .u,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] #news .nwc.u em{color:#2ee6b4}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] #news .nwc.u{border-color:rgba(46,230,180,.35)}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] #news .nwchip.on,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] #news .nwwb.on{background:rgba(255,45,149,.12);border-color:#ff2d95}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] #news .nwtp{border-color:rgba(0,232,255,.45)}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] #news .nwtag,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] #news .nwtsb,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] #news .nwb.p{background:#ff2d95;color:#05040f;box-shadow:0 0 16px rgba(255,45,149,.3)}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] #news .nwtag *,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] #news .nwtsb *,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] #news .nwb.p *{color:#05040f}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] #news .nwdot{background:#00e8ff;box-shadow:0 0 8px #00e8ff}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] #news .nwpb.on{background:#ff2d95;border-color:#ff2d95;color:#05040f;box-shadow:0 0 0 3px rgba(255,45,149,.18),0 6px 18px -8px rgba(255,45,149,.7)}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] #news .nwhero{border-color:rgba(255,45,149,.4);box-shadow:0 0 26px rgba(255,45,149,.1)}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] #news .nwtop1.nwts-a{border-left:4px solid #ff2d95;box-shadow:-8px 0 24px -12px rgba(255,45,149,.85),0 0 26px rgba(0,232,255,.08)}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] #news .nwcard{background-color:#0c0a18;border-color:#2a1f4a}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .bmtk{background:linear-gradient(90deg,#130f28,#0c0a18)!important;border-color:rgba(0,232,255,.4)!important;box-shadow:0 0 14px -4px rgba(255,45,149,.5)!important}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .bmtk-lb{background:#ff2d95!important;color:#05040f!important}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .bmtk-sep,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .bmtk-ts{background:#00e8ff!important}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .cats .on,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] #cats button.on{color:#ff7ab8!important;background:rgba(255,45,149,.12)!important;border-color:#ff2d95!important}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] #bmoffT{background:#130f28;color:#f4f0ff;border-color:#ff2d95}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .thb{background:rgba(255,45,149,.12)!important}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .obl.on{border-color:rgba(0,232,255,.5)}
/* AA: small greys */
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .bmmh{color:#a89bc8}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .obf,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .wsep,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .grip,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .zh{color:#9a8fbc}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] #macro small span,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .xnote{color:#a89bc8}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] [style*="5f6964"],html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .vfoot,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .mload,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .pplf,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .ppg small{color:#a89bc8!important}

/* 9) HUD section headers: NV-xx code + blinking cursor, glitch-in title (pink/cyan split), dashed cyan divider */
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .vh{position:relative;padding-bottom:9px;margin-bottom:10px;border-bottom:0!important;
 background-image:repeating-linear-gradient(90deg,rgba(0,232,255,.55) 0 6px,transparent 6px 9px);background-size:100% 1px;background-position:0 100%;background-repeat:no-repeat}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .vh b{font-family:var(--mono),ui-monospace,monospace!important;letter-spacing:.14em;color:#fff;text-shadow:0 0 12px rgba(255,45,149,.55),0 0 2px rgba(0,232,255,.4);animation:ndGlitch .7s steps(2,end) 1}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .vh b::before{display:inline-block;margin-right:.6em;padding:1px 5px;border:1px solid rgba(0,232,255,.55);border-radius:3px;font:700 9px/1.4 var(--mono),ui-monospace,monospace;letter-spacing:.12em;color:#5ff1ff;vertical-align:2px;text-shadow:0 0 6px rgba(0,232,255,.45);background:rgba(0,232,255,.06);content:"NV-00"}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] #macro .vh b::before{content:"NV-01"}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] #bonds .vh b::before{content:"NV-02"}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] #debt .vh b::before{content:"NV-03"}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] #wtbp .vh b::before{content:"NV-04"}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] #market .vh b::before{content:"NV-05"}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] #vault .vh b::before{content:"NV-06"}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] #cats .vh b::before{content:"NV-07"}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .vh small::before{content:"// ";color:#ff2d95}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .vh b::after{content:"_";margin-left:.2em;color:#00e8ff;text-shadow:0 0 6px #00e8ff;animation:ndBlink 1.1s steps(1) infinite}
@keyframes ndBlink{50%{opacity:0}}
@keyframes ndGlitch{0%{opacity:0;transform:translateX(-4px);text-shadow:2px 0 #ff2d95,-2px 0 #00e8ff;clip-path:inset(0 0 55% 0)}
 40%{opacity:1;transform:translateX(3px);text-shadow:-2px 0 #ff2d95,2px 0 #00e8ff;clip-path:inset(45% 0 0 0)}
 70%{transform:translateX(-1px);text-shadow:1px 0 #7a5cff,-1px 0 #00e8ff;clip-path:inset(0 0 20% 0)}
 100%{opacity:1;transform:none;clip-path:inset(0)}}
/* news masthead gets the same HUD tag */
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] #news h1::after,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] #news .nwh h1::after{content:" NV-08";font:700 9px var(--mono),ui-monospace,monospace;letter-spacing:.12em;color:#5ff1ff;vertical-align:middle}

/* 10) status badges as chips: [ LIVE ] with a pulsing node */
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .vbadge{font-family:var(--mono),ui-monospace,monospace!important;letter-spacing:.12em;color:#ff7ab8!important;background:rgba(255,45,149,.08)!important;border:1px solid rgba(255,45,149,.45)!important;border-radius:3px!important;box-shadow:inset 0 0 8px rgba(255,45,149,.12),0 0 10px -4px rgba(0,232,255,.4)}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .vbadge::before{content:"";display:inline-block;width:5px;height:5px;margin-right:6px;border-radius:50%;background:#00e8ff;box-shadow:0 0 6px #00e8ff;vertical-align:1px;animation:ndPulse 1.6s ease-in-out infinite}
@keyframes ndPulse{50%{opacity:.25}}

/* 11) cyan corner brackets on every card (HUD frame), layered over the card fill */
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"][lang] body .glass:not(nav):not(header):not(#_a):not(#_b):not(.stat):not(.mv):not(.hb):not(.cst){background-image:
 linear-gradient(#00e8ff,#00e8ff),linear-gradient(#00e8ff,#00e8ff),linear-gradient(#00e8ff,#00e8ff),linear-gradient(#00e8ff,#00e8ff),
 linear-gradient(#00e8ff,#00e8ff),linear-gradient(#00e8ff,#00e8ff),linear-gradient(#00e8ff,#00e8ff),linear-gradient(#00e8ff,#00e8ff)!important;
 background-size:12px 1.5px,1.5px 12px,12px 1.5px,1.5px 12px,12px 1.5px,1.5px 12px,12px 1.5px,1.5px 12px!important;
 background-position:0 0,0 0,100% 0,100% 0,0 100%,0 100%,100% 100%,100% 100%!important;background-repeat:no-repeat!important}
/* pink rim + cyan outer halo on hover (pointer devices only) */
@media (hover:hover){
 html:not(#_t1):not(#_t2)[data-theme-id="night-drive"][lang] body .glass:not(nav):not(header):not(#_a):not(#_b){transition:border-color .25s,box-shadow .25s}
 html:not(#_t1):not(#_t2)[data-theme-id="night-drive"][lang] body .glass:not(nav):not(header):not(#_a):not(#_b):not(#bmad):hover{border-color:#ff2d95!important;box-shadow:0 0 0 1px rgba(255,45,149,.35),0 0 28px -6px rgba(255,45,149,.6),0 0 40px -18px rgba(0,232,255,.55),inset 0 1px 0 rgba(0,232,255,.18)!important}
 html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .row:hover{box-shadow:inset 3px 0 0 #ff2d95,inset 4px 0 0 rgba(0,232,255,.5)}
}

/* 12) pink->cyan data packet along the header trace + the tab bar */
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] header::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;pointer-events:none;
 background:linear-gradient(90deg,transparent 0,#ff2d95 30%,#ffffff 50%,#00e8ff 70%,transparent 100%) no-repeat;background-size:140px 1px;animation:ndPacket 6s linear infinite}
/* no position override on .tabs; the base rule keeps it position:fixed, which already anchors ::before */
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .tabs::before{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;pointer-events:none;
 background:linear-gradient(90deg,transparent,#00e8ff 35%,#ff2d95 65%,transparent) no-repeat;background-size:100px 1px;animation:ndPacket 8s linear infinite reverse}
@keyframes ndPacket{0%{background-position:-140px 0}100%{background-position:calc(100% + 140px) 0}}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .tabs .on svg,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .tabs button.on svg{filter:drop-shadow(0 0 6px rgba(255,45,149,.8)) drop-shadow(0 0 2px rgba(0,232,255,.6))}

/* 13) animated pink->cyan conic border on the hero story, More sheet and theme menu */
@property --ndA{syntax:"<angle>";inherits:false;initial-value:0deg}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] #news .nwhero,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] #bmMore .bmmc,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .thmn{border:1px solid transparent!important;
 background:linear-gradient(#0c0a18,#0c0a18) padding-box,conic-gradient(from var(--ndA),#ff2d95,#7a5cff,#00e8ff,#7a5cff,#ff2d95) border-box!important;animation:ndSpin 7s linear infinite}
@keyframes ndSpin{to{--ndA:360deg}}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] #bmMore .bmmh::before{content:"> ";color:#00e8ff;font-family:var(--mono),monospace}

/* 14) ad slot frame: dashed violet frame + cyan corner ticks + HUD label, ad itself untouched */
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"][lang] body aside#bmad.bmad.glass:not(#_a):not(#_b){border:1px dashed rgba(122,92,255,.6)!important;background-image:
 linear-gradient(#00e8ff,#00e8ff),linear-gradient(#00e8ff,#00e8ff),linear-gradient(#ff2d95,#ff2d95),linear-gradient(#ff2d95,#ff2d95)!important;
 background-size:14px 2px,2px 14px,14px 2px,2px 14px!important;background-position:0 0,0 0,100% 100%,100% 100%!important;background-repeat:no-repeat!important}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] #bmad > small:first-child,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] #bmad .bmadl{font-family:var(--mono),monospace;letter-spacing:.2em;color:#a89bc8}

/* 15) skeleton / loading shimmer in violet + pink */
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .sk,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .skl{background:linear-gradient(90deg,#100c22,#1c1540,#100c22)!important;background-size:200% 100%!important}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .sk::after{background:linear-gradient(100deg,transparent 30%,rgba(255,45,149,.14) 45%,rgba(0,232,255,.12) 55%,transparent 70%)!important}

/* 16) custom scrollbars + focus rings */
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"],html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] *{scrollbar-color:#ff2d95 #0c0a18}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] ::-webkit-scrollbar{width:10px;height:10px}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] ::-webkit-scrollbar-track{background:#05040f}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] ::-webkit-scrollbar-thumb{background:linear-gradient(#ff2d95,#7a5cff 60%,#00e8ff);border-radius:6px;border:2px solid #05040f}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] ::-webkit-scrollbar-thumb:hover{background:linear-gradient(#ff5aa9,#9479ff 60%,#5ff1ff)}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] ::-webkit-scrollbar-corner{background:#05040f}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] :focus-visible{outline:2px solid #00e8ff!important;outline-offset:2px;box-shadow:0 0 0 4px rgba(255,45,149,.28),0 0 14px rgba(0,232,255,.5)!important}

/* 17) chips, search sheet, inputs */
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] input[type=search],html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] input[type=text],html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] input[type=email],html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] input[type=number],html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] textarea,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] select,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] #pq,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] #wbQ{background:#08061a!important;color:#f4f0ff!important;border-color:#3a2a66!important;caret-color:#ff2d95}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] input[type=search]:focus,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] input[type=text]:focus,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] textarea:focus,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] select:focus,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] #pq:focus,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] #wbQ:focus{border-color:#00e8ff!important;box-shadow:0 0 0 3px rgba(0,232,255,.18),0 0 14px -4px rgba(255,45,149,.55)!important}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] input::placeholder,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] textarea::placeholder{color:#9a8fbc}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] input[type=checkbox],html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] input[type=radio],html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] input[type=range]{accent-color:#ff2d95}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .spn,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .sph{border-color:#3a2a66!important}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .sph{background-image:linear-gradient(90deg,transparent,rgba(255,45,149,.6) 35%,rgba(0,232,255,.6) 65%,transparent);background-size:100% 1px;background-position:0 100%;background-repeat:no-repeat}

/* 18) footer circuit traces: cyan traces + pink solder pads, mono build tag */
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .bmft{position:relative;border-top:1px solid rgba(0,232,255,.35);padding-top:44px!important;
 background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='40'%3E%3Cg fill='none' stroke='%2300e8ff' stroke-opacity='.32' stroke-width='1'%3E%3Cpath d='M0 8h40l8 8h50l6-6h60l8 8h48'/%3E%3Cpath d='M0 30h24l6-6h70l10 10h110'/%3E%3C/g%3E%3Cg fill='%23ff2d95' fill-opacity='.65'%3E%3Ccircle cx='48' cy='16' r='2'/%3E%3Ccircle cx='104' cy='10' r='2'/%3E%3Ccircle cx='172' cy='18' r='2'/%3E%3Ccircle cx='30' cy='24' r='2'/%3E%3Ccircle cx='110' cy='34' r='2'/%3E%3C/g%3E%3C/svg%3E") 0 0/220px 40px repeat-x}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .bmft small,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .bmft span{color:#a89bc8}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .bmft [title^="Build"]::before{content:"[ OK ] ";color:#2ee6b4;font-family:var(--mono),monospace}

/* 19) top list + coin chart: cyan rank chips, chart frame HUD */
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] #list .row .rk,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] #list .row .r{font-family:var(--mono),monospace;color:#5ff1ff}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] #det .dh,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .det .dh{background-image:repeating-linear-gradient(90deg,rgba(255,45,149,.5) 0 6px,transparent 6px 9px);background-size:100% 1px;background-position:0 100%;background-repeat:no-repeat}

/* 20) pulsing price-change chips (teal up / coral down) */
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .row .num.h .rc.up,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .row .p.fu,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .chip.up{animation:ndChipUp 2.4s ease-in-out infinite}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .row .num.h .rc.dn,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .row .p.fd,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .chip.dn{animation:ndChipDn 2.4s ease-in-out infinite}
@keyframes ndChipUp{0%,100%{text-shadow:0 0 0 transparent}50%{text-shadow:0 0 8px rgba(46,230,180,.6)}}
@keyframes ndChipDn{0%,100%{text-shadow:0 0 0 transparent}50%{text-shadow:0 0 8px rgba(255,84,104,.5)}}

/* 21) tooltips: indigo card, pink rim, cyan "> " lead */
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .tip,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .ctip{border-color:rgba(255,45,149,.5)!important;box-shadow:0 0 18px -6px rgba(255,45,149,.5),0 0 0 1px rgba(0,232,255,.12)!important}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] [role=tooltip]{background:#0c0a18!important;color:#f4f0ff!important;border:1px solid rgba(255,45,149,.5)!important;box-shadow:0 0 18px -6px rgba(255,45,149,.5)!important}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .thmn button:hover,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .thmn button:focus-visible{background:rgba(255,45,149,.12)!important;color:#ffffff}

/* 22) AP mark + chart change badge */
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .bmapm{color:#ff2d95;filter:drop-shadow(0 0 4px rgba(255,45,149,.55))}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .bmchg{background:rgba(5,4,15,.85);border-radius:3px;box-shadow:0 0 12px -2px rgba(255,45,149,.45),0 0 0 1px rgba(0,232,255,.15)}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .bmchg.up{color:#2ee6b4}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .bmchg.dn{color:#ff5468}
html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .bmchgl{background:#ff2d95;color:#05040f}

/* 23) phones: lighter chrome (fewer glows, packet off on tab bar) */
@media (max-width:640px){
 html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .tabs::before{animation-duration:12s}
 html:not(#_t1):not(#_t2)[data-theme-id="night-drive"][lang] body .glass:not(nav):not(header):not(#_a):not(#_b){box-shadow:0 0 0 1px rgba(255,45,149,.09),0 0 14px -10px rgba(255,45,149,.5)!important}
 html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] header{box-shadow:0 1px 0 rgba(255,138,61,.4),0 0 10px -2px rgba(255,45,149,.5)}
}

/* 24) motion off for people who ask for it */
@media (prefers-reduced-motion:reduce){
 html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .vh b,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .vh b::after,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .vbadge::before,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] header::after,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .tabs::before,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] #news .nwhero,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] #bmMore .bmmc,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .thmn,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .dot,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .row .num.h .rc.up,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .row .num.h .rc.dn,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .row .p.fu,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .row .p.fd,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .chip.up,html:not(#_t1):not(#_t2)[data-theme-id="night-drive"] .chip.dn{animation:none!important}
 html:not(#_t1):not(#_t2)[data-theme-id="night-drive"][lang] body .glass:not(nav):not(header):not(#_a):not(#_b){transition:none!important}
}
