/* =============================================================================
 * threed.css — OS-wide RED/BLUE anaglyph 3D. Everything lives behind body.threed
 * so it's fully reversible. Text inherits a red/cyan ghost offset (= horizontal
 * parallax = depth through red/blue glasses); foreground layers pop harder;
 * panels + images get an edge fringe. Canvas apps render true stereo separately.
 * ===========================================================================*/
body.threed{ text-shadow:-4px 0 0 rgba(255,42,42,.92), 4px 0 0 rgba(48,140,255,.92); }

/* keep form fields legible — no ghost on typed input */
body.threed input,body.threed select,body.threed textarea,body.threed .field{ text-shadow:none !important; }

/* DEEP pop — big foreground type floats out toward you */
body.threed .bg-row__track,
body.threed h1,body.threed h2,
body.threed .geo-h1,body.threed #bootos .logo,body.threed .logo,
body.threed .knm,body.threed .vs-mark,body.threed .vwin,
body.threed .cmp-side b,body.threed .sf-code,
body.threed .ov h1{
  -webkit-text-stroke:0 !important;
  text-shadow:-11px 0 0 rgba(255,42,42,.92), 11px 0 0 rgba(48,140,255,.92) !important;
}
/* MID pop — headings / titlebars / labels */
body.threed h3,body.threed .tt,body.threed .lbl,body.threed .geo-tag,
body.threed .kpr,body.threed .eyebrow,body.threed .bt,body.threed .knm{
  text-shadow:-7px 0 0 rgba(255,42,42,.9), 7px 0 0 rgba(48,140,255,.9) !important;
}

/* panels / cards / windows — red/cyan edge fringe gives them physical depth */
body.threed .win,body.threed .kit,body.threed .wcard,body.threed .box,
body.threed .cmp-out,body.threed .panel,body.threed .geo-inner,
body.threed .vchip,body.threed .cpanel,body.threed .bevel{
  box-shadow:-6px 0 0 rgba(255,42,42,.5), 6px 0 0 rgba(48,140,255,.5) !important;
}
/* photos / svg icons pop via duplicated colored drop-shadows */
body.threed img,body.threed .gi,body.threed .kimg,body.threed .dicon .gi{
  filter:drop-shadow(-6px 0 0 rgba(255,42,42,.6)) drop-shadow(6px 0 0 rgba(48,140,255,.6));
}

/* a tiny persistent reminder while 3D is on (OS shell only) */
body.threed #tray .d3{ color:#fff; background:linear-gradient(90deg,#ff2d2d 50%,#2d8bff 50%);
  padding:2px 7px;border-radius:3px;font-weight:800;text-shadow:none;cursor:pointer }