/* Smart Flow identity: black and white only (owner 2026-11-03). Loaded LAST on every /new page and scoped to html.nw, so the old pages keep their colors.
   Allowed color: green / red for Call-Put and up-down (always with text or an arrow beside it). No gold, cream, brown or tinted washes. */
html.nw{--bg:#fff;--text:#000;--ink:#000;--muted:#3d3d3d;--line:#bdbdbd;--gold:#000;--gold2:#000;--accent:#000;--panel:#fff;--panel2:#f4f4f4;--wash:#f4f4f4;--focus:#000;
  --sh-bg:#fff;--sh-panel:#fff;--sh-panel2:#f4f4f4;--sh-line:#bdbdbd;--sh-ink:#000;--sh-muted:#3d3d3d;--sh-gold:#000;--sh-warn:#000;--sh-warn-bg:#f4f4f4;--sh-up:#0b8a42;--up:#0b8a42;--down:#d42a2a;
  color-scheme:light;color:#000;background:#fff}
html.nw[data-theme="dark"]{--bg:#000;--text:#fff;--ink:#fff;--muted:#c9c9c9;--line:#454545;--gold:#fff;--gold2:#fff;--accent:#fff;--panel:#0a0a0a;--panel2:#151515;--wash:#151515;--focus:#fff;
  --sh-bg:#000;--sh-panel:#0a0a0a;--sh-panel2:#151515;--sh-line:#454545;--sh-ink:#fff;--sh-muted:#c9c9c9;--sh-gold:#fff;--sh-warn:#fff;--sh-warn-bg:#151515;--sh-up:#3ddc84;--up:#3ddc84;--down:#ff6666;color-scheme:dark;color:#fff;background:#000}
@media(prefers-color-scheme:dark){html.nw:not([data-theme="light"]){--bg:#000;--text:#fff;--ink:#fff;--muted:#c9c9c9;--line:#454545;--gold:#fff;--gold2:#fff;--accent:#fff;--panel:#0a0a0a;--panel2:#151515;--wash:#151515;--focus:#fff;
  --sh-bg:#000;--sh-panel:#0a0a0a;--sh-panel2:#151515;--sh-line:#454545;--sh-ink:#fff;--sh-muted:#c9c9c9;--sh-gold:#fff;--sh-warn:#fff;--sh-warn-bg:#151515;--sh-up:#3ddc84;--up:#3ddc84;--down:#ff6666;color-scheme:dark;color:#fff;background:#000}}
html.nw body{background:var(--sh-bg);color:var(--sh-ink)}
html.nw :where(a,button,input,select,summary,[tabindex]):focus-visible{outline:3px solid var(--sh-ink);outline-offset:2px}
html.nw .site-head{background:var(--sh-bg);border-color:var(--sh-line);color:var(--sh-ink)}
html.nw .brand,html.nw .brand span,html.nw .brand b{color:var(--sh-ink)}
html.nw .brand small,html.nw .muted{color:var(--sh-muted)}
html.nw .skip-link{background:var(--sh-ink);color:var(--sh-bg)}
html.nw header small,html.nw .brand small,html.nw .site-head small{color:var(--sh-muted)!important}

/* dark mode: green/red lifted for contrast on black (each rule scoped; nothing leaks into light) */
html.nw[data-theme="dark"] .down,html.nw[data-theme="dark"] .tbl tr.down td:last-child,html.nw[data-theme="dark"] .side.bear b,html.nw[data-theme="dark"] .mr-sym i.bear,html.nw[data-theme="dark"] .l3 b.down,html.nw[data-theme="dark"] .wcard.res .big,html.nw[data-theme="dark"] .ln .down,html.nw[data-theme="dark"] .vd.down .vw,html.nw[data-theme="dark"] .dv.down b{color:#ff6666!important}
html.nw[data-theme="dark"] .up,html.nw[data-theme="dark"] .tbl tr.up td:last-child,html.nw[data-theme="dark"] .side.bull b,html.nw[data-theme="dark"] .mr-sym i.bull,html.nw[data-theme="dark"] .l3 b.up,html.nw[data-theme="dark"] .vd.up .vw,html.nw[data-theme="dark"] .dv.up b{color:#3ddc84!important}
html.nw[data-theme="dark"] .strip i.d2,html.nw[data-theme="dark"] .bar-amt s.down,html.nw[data-theme="dark"] .dot.down{background:#ff6666!important}
html.nw[data-theme="dark"] .strip i.u2,html.nw[data-theme="dark"] .bar-amt s.up,html.nw[data-theme="dark"] .dot.up{background:#3ddc84!important}
html.nw[data-theme="dark"] .strip i.d1{background:#3a3a3a!important}
html.nw[data-theme="dark"] .strip i.u1{background:#3a3a3a!important}
html.nw[data-theme="dark"] .pill.up{color:#3ddc84}
html.nw[data-theme="dark"] .pill.down{color:#ff6666}
html.nw[data-theme="dark"] .ladder .lc line{stroke:#ff6666}
html.nw[data-theme="dark"] .ladder .lp line{stroke:#3ddc84}
html.nw[data-theme="dark"] .chart .u{stroke:#3ddc84;fill:#3ddc84}
html.nw[data-theme="dark"] .chart .d{stroke:#ff6666;fill:#ff6666}
html.nw[data-theme="dark"] .chart .bsup{fill:rgba(101,201,138,.2)}
html.nw[data-theme="dark"] .chart .bres{fill:rgba(240,138,138,.18)}
html.nw[data-theme="dark"] .chart .ts{fill:#3ddc84}
html.nw[data-theme="dark"] .chart .tr{fill:#ff6666}
html.nw[data-theme="dark"] .wcard.res{border-inline-start-color:#ff6666}
html.nw[data-theme="dark"] .wcard.sup{border-inline-start-color:#3ddc84}
html.nw[data-theme="dark"] .mr.bear{border-inline-start-color:#ff6666}
html.nw[data-theme="dark"] .mr.bull{border-inline-start-color:#3ddc84}
@media(prefers-color-scheme:dark){
html.nw:not([data-theme="light"]) .down,html.nw:not([data-theme="light"]) .tbl tr.down td:last-child,html.nw:not([data-theme="light"]) .side.bear b,html.nw:not([data-theme="light"]) .mr-sym i.bear,html.nw:not([data-theme="light"]) .l3 b.down,html.nw:not([data-theme="light"]) .wcard.res .big,html.nw:not([data-theme="light"]) .ln .down,html.nw:not([data-theme="light"]) .vd.down .vw,html.nw:not([data-theme="light"]) .dv.down b{color:#ff6666!important}
html.nw:not([data-theme="light"]) .up,html.nw:not([data-theme="light"]) .tbl tr.up td:last-child,html.nw:not([data-theme="light"]) .side.bull b,html.nw:not([data-theme="light"]) .mr-sym i.bull,html.nw:not([data-theme="light"]) .l3 b.up,html.nw:not([data-theme="light"]) .vd.up .vw,html.nw:not([data-theme="light"]) .dv.up b{color:#3ddc84!important}
html.nw:not([data-theme="light"]) .strip i.d2,html.nw:not([data-theme="light"]) .bar-amt s.down,html.nw:not([data-theme="light"]) .dot.down{background:#ff6666!important}
html.nw:not([data-theme="light"]) .strip i.u2,html.nw:not([data-theme="light"]) .bar-amt s.up,html.nw:not([data-theme="light"]) .dot.up{background:#3ddc84!important}
html.nw:not([data-theme="light"]) .strip i.d1{background:#3a3a3a!important}
html.nw:not([data-theme="light"]) .strip i.u1{background:#3a3a3a!important}
html.nw:not([data-theme="light"]) .pill.up{color:#3ddc84}
html.nw:not([data-theme="light"]) .pill.down{color:#ff6666}
html.nw:not([data-theme="light"]) .ladder .lc line{stroke:#ff6666}
html.nw:not([data-theme="light"]) .ladder .lp line{stroke:#3ddc84}
html.nw:not([data-theme="light"]) .chart .u{stroke:#3ddc84;fill:#3ddc84}
html.nw:not([data-theme="light"]) .chart .d{stroke:#ff6666;fill:#ff6666}
html.nw:not([data-theme="light"]) .chart .bsup{fill:rgba(101,201,138,.2)}
html.nw:not([data-theme="light"]) .chart .bres{fill:rgba(240,138,138,.18)}
html.nw:not([data-theme="light"]) .chart .ts{fill:#3ddc84}
html.nw:not([data-theme="light"]) .chart .tr{fill:#ff6666}
html.nw:not([data-theme="light"]) .wcard.res{border-inline-start-color:#ff6666}
html.nw:not([data-theme="light"]) .wcard.sup{border-inline-start-color:#3ddc84}
html.nw:not([data-theme="light"]) .mr.bear{border-inline-start-color:#ff6666}
html.nw:not([data-theme="light"]) .mr.bull{border-inline-start-color:#3ddc84}
}

/* gold fills became black: dark text on them was unreadable (owner 2026-11-03, the "subscribe for live" pill); text follows the page background instead */
html.nw .b-dates button[aria-selected=true],html.nw .b-tabs button[aria-selected=true],html.nw .b-edit .seg button[aria-pressed=true],html.nw .b-edit .primary,html.nw .chip-btn.save,html.nw .sub-pill{color:var(--bg,#fff)}

/* vivid, not dimmed (owner 2026-11-03): the bottom bar follows the theme (it was a fixed white bar with brownish gray labels), full-strength text */
html.nw .mobile-nav.sh-bar{background:var(--sh-bg);border-top:1px solid var(--sh-line);box-shadow:none;color:var(--sh-ink)}
html.nw .mobile-nav.sh-bar .sh-bar-a,html.nw .mobile-nav.sh-bar .sh-bar-a span{color:var(--sh-muted)}
html.nw .mobile-nav.sh-bar .sh-bar-a.active,html.nw .mobile-nav.sh-bar .sh-bar-a.active span{color:var(--sh-ink)}
html.nw .mobile-nav.sh-bar svg{stroke:currentColor}

/* the walkthrough video card + player (owner 2026-11-04) */
html.nw .vcard{display:flex;align-items:center;gap:16px;width:100%;text-align:start;border:2px solid var(--sh-ink);border-radius:20px;background:var(--sh-ink);color:var(--sh-bg);padding:12px;margin:0 0 18px;cursor:pointer;font:inherit}
html.nw .vthumb{position:relative;flex:none;width:84px;aspect-ratio:9/16;border-radius:12px;background:#000 center/cover no-repeat;display:grid;place-items:center;border:2px solid var(--sh-bg);overflow:hidden}
html.nw .vplay{width:44px;height:44px;border-radius:50%;background:var(--sh-bg);color:var(--sh-ink);display:grid;place-items:center;padding-inline-start:2px}
html.nw .vtxt{display:grid;gap:3px;min-width:0}html.nw .vtxt small{font-size:13px;opacity:.75;font-weight:700}html.nw .vtxt b{font-size:20px;line-height:1.3}html.nw .vtxt span{font-size:14.5px;opacity:.85;line-height:1.5}
html.nw .vcard:focus-visible{outline:3px solid var(--sh-ink);outline-offset:3px}
html.nw .vov{position:fixed;inset:0;z-index:2200;background:rgba(0,0,0,.88);display:grid;place-items:center;padding:12px}html.nw .vov[hidden]{display:none}
html.nw .vbox{position:relative;height:min(92vh,980px);aspect-ratio:9/16;max-width:100%;background:#000;border-radius:16px;overflow:hidden;border:2px solid #fff}
html.nw .vel{width:100%;height:100%;object-fit:contain;background:#000;display:block}
html.nw .vx{position:absolute;top:10px;inset-inline-start:10px;z-index:2;width:44px;height:44px;border-radius:50%;border:2px solid #fff;background:#000;color:#fff;font-size:18px;cursor:pointer}
@media(max-width:520px){html.nw .vthumb{width:72px}html.nw .vtxt b{font-size:18px}html.nw .vbox{height:auto;width:100%;max-height:94vh}}

html.nw .sf-toast{position:fixed;inset-inline:16px;bottom:92px;z-index:2300;max-width:520px;margin-inline:auto;background:var(--sh-ink);color:var(--sh-bg);border-radius:14px;padding:14px 18px;font-weight:700;text-align:center;box-shadow:0 6px 24px rgba(0,0,0,.25)}

/* colors the crawl found outside the palette (owner 2026-11-04): the calculator's chain labels and the subscription note */
html.nw .b-chain td.k,html.nw .b-chain tr.atm td.k,html.nw .b-chart .k,html.nw .b-chart .k.exp,html.nw .b-chart .k.now,html.nw .b-chart .k.em,html.nw .b-chart .k.wl{color:var(--sh-ink)}
html.nw #approvalNote > b,html.nw #approvalNote b{color:var(--sh-ink)}
/* shine (owner 2026-11-04: the black looked dull and dusty): every black fill gets a glossy sheen, depth and a bright edge; in the dark theme the "ink" is white and gets a pearl sheen */
html.nw{--shine-light:linear-gradient(180deg,rgba(255,255,255,.26) 0%,rgba(255,255,255,.04) 42%,rgba(255,255,255,0) 60%),radial-gradient(130% 150% at 88% -30%,rgba(255,255,255,.34),transparent 56%);--shine-edge:inset 0 1px 0 rgba(255,255,255,.42),inset 0 -2px 6px rgba(0,0,0,.45),0 8px 18px rgba(0,0,0,.26)}
html.nw .btn.primary,html.nw .sq button,html.nw .sh-nav-a.active,html.nw .lgx,html.nw .vcard,html.nw .chic,html.nw .seg button[aria-pressed=true],html.nw .chip.on,html.nw .chip[aria-pressed=true],html.nw .b-dates button[aria-selected=true],html.nw .b-tabs button[aria-selected=true],html.nw .b-edit .primary,html.nw .b-edit .seg button[aria-pressed=true],html.nw .chip-btn.save,html.nw .sub-pill{background-color:var(--sh-ink,#000);background-image:var(--shine-light);box-shadow:var(--shine-edge);transition:filter .18s,transform .12s}
html.nw .btn.primary:hover,html.nw .sq button:hover,html.nw .vcard:hover{filter:brightness(1.18)}
html.nw .btn.primary:active,html.nw .sq button:active{transform:translateY(1px)}
html.nw .vcard{background-image:var(--shine-light),radial-gradient(90% 120% at 12% 120%,rgba(255,255,255,.16),transparent 60%)}
html.nw[data-theme="dark"]{--shine-light:linear-gradient(180deg,#ffffff 0%,#ececec 55%,#cfcfcf 100%);--shine-edge:inset 0 1px 0 #fff,inset 0 -2px 5px rgba(0,0,0,.18),0 0 0 1px rgba(255,255,255,.55),0 6px 22px rgba(255,255,255,.16)}
@media(prefers-color-scheme:dark){html.nw:not([data-theme="light"]){--shine-light:linear-gradient(180deg,#ffffff 0%,#ececec 55%,#cfcfcf 100%);--shine-edge:inset 0 1px 0 #fff,inset 0 -2px 5px rgba(0,0,0,.18),0 0 0 1px rgba(255,255,255,.55),0 6px 22px rgba(255,255,255,.16)}}
/* depth for the page itself: a soft top-lit background and lifted cards */
html.nw body{background-image:radial-gradient(120% 60% at 50% -10%,color-mix(in srgb,var(--sh-ink,#000) 7%,transparent),transparent 70%)}
html.nw .card{box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 6px 20px color-mix(in srgb,var(--sh-ink,#000) 9%,transparent)}
html.nw .site-head .brand img{filter:drop-shadow(0 3px 8px color-mix(in srgb,var(--sh-ink,#000) 35%,transparent))}

html.nw a.chan{display:inline-flex;align-items:center;gap:8px;margin:10px 0 4px;padding:7px 14px;border:1px solid #d4d4d4;border-radius:999px;font-size:.86rem;font-weight:700;color:inherit;text-decoration:none;background:transparent}html.nw a.chan:hover{background:rgba(0,0,0,.05)}