:root{
  color-scheme:dark;
  --bg:#0b0f17; --panel:#121826; --panel2:#171f30; --line:#232d42; --text:#e6ebf5; --muted:#8a96ad;
  --green:#22c55e; --red:#ef4444; --amber:#f5b942; --blue:#4f8cff; --violet:#a78bfa; --cyan:#22d3ee;
  --star:#fbbf24;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--text);font:14px/1.45 Inter,"Segoe UI",system-ui,-apple-system,Roboto,sans-serif}
.topbar{display:flex;align-items:center;gap:24px;padding:10px 20px;background:linear-gradient(180deg,#0f1524,#0b0f17);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}
.brand{font-weight:800;font-size:18px;letter-spacing:.3px;display:flex;align-items:center;gap:8px}
.brand-sub{color:var(--star);font-weight:600}
.logo{color:var(--star);font-size:22px;text-shadow:0 0 12px rgba(251,191,36,.6)}
.tabs{display:flex;gap:4px}
.tab{background:none;border:0;color:var(--muted);padding:8px 14px;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px}
.tab:hover{color:var(--text);background:var(--panel)}
.tab.active{color:var(--text);background:var(--panel2);box-shadow:inset 0 -2px 0 var(--star)}
.settings{margin-left:auto;display:flex;gap:14px;color:var(--muted);font-size:12px}
.settings input{width:90px;margin-left:6px;background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:6px;padding:5px 8px}
.layout{display:grid;grid-template-columns:270px 1fr;min-height:calc(100vh - 53px)}
.sidebar{border-right:1px solid var(--line);background:#0d1220;padding:12px;display:flex;flex-direction:column}
.side-head{display:flex;justify-content:space-between;align-items:center;font-weight:700;color:var(--muted);text-transform:uppercase;font-size:11px;letter-spacing:1px;margin-bottom:8px}
.add-form{display:flex;gap:6px}
.add-form input{flex:1;background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:8px;padding:7px 9px;font-size:12px;min-width:0}
.add-form button,button.primary{background:var(--blue);color:#fff;border:0;border-radius:8px;padding:0 12px;font-weight:700;cursor:pointer}
button.ghost{background:none;border:1px solid var(--line);color:var(--muted);border-radius:6px;cursor:pointer}
button.small{padding:2px 8px}
.add-msg{font-size:11px;color:var(--muted);min-height:16px;margin:4px 2px}
.add-msg.err{color:var(--red)}
.watchlist{list-style:none;margin:0;padding:0;overflow:auto;flex:1}
.watchlist li{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:9px 10px;border-radius:10px;cursor:pointer;position:relative;border:1px solid transparent}
.watchlist li:hover{background:var(--panel)}
.watchlist li.active{background:var(--panel2);border-color:var(--line)}
.wl-t{font-weight:700}
.wl-n{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}
.wl-p{text-align:right;font-variant-numeric:tabular-nums}
.wl-s{text-align:right;font-size:11px}
.wl-x{position:absolute;right:-4px;top:-4px;display:none;background:var(--panel2);border:1px solid var(--line);color:var(--muted);border-radius:50%;width:18px;height:18px;font-size:11px;line-height:15px;text-align:center;cursor:pointer}
.watchlist li:hover .wl-x{display:block}
.side-foot{font-size:10.5px;color:var(--muted);padding-top:10px;border-top:1px solid var(--line)}
main{padding:16px 18px;overflow:auto;min-width:0}
.view{display:none}.view.active{display:block}
.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin-bottom:14px;min-width:0}
.card-title{display:flex;justify-content:space-between;align-items:center;gap:10px;font-weight:700;margin-bottom:10px;flex-wrap:wrap}
.card-title.mt{margin-top:16px}
.muted{color:var(--muted);font-weight:500}.small{font-size:12px}
.ticker-head{display:flex;align-items:center;gap:18px;margin:2px 0 14px;flex-wrap:wrap}
.th-sym{font-size:26px;font-weight:800}
.th-name{color:var(--muted);font-size:13px}
.th-price{font-size:26px;font-weight:700;font-variant-numeric:tabular-nums}
.chg.up{color:var(--green)}.chg.dn{color:var(--red)}
.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;background:var(--panel2);color:var(--muted);border:1px solid var(--line)}
.sig{padding:6px 14px;border-radius:10px;font-weight:800;letter-spacing:1px;font-size:15px}
.sig.Buy{background:rgba(34,197,94,.15);color:var(--green);border:1px solid rgba(34,197,94,.4)}
.sig.Sell{background:rgba(239,68,68,.15);color:var(--red);border:1px solid rgba(239,68,68,.4)}
.sig.Hold{background:rgba(245,185,66,.12);color:var(--amber);border:1px solid rgba(245,185,66,.35)}
.pill{font-size:10.5px;font-weight:800;padding:1px 7px;border-radius:999px}
.pill.Buy{background:rgba(34,197,94,.15);color:var(--green)}.pill.Sell{background:rgba(239,68,68,.15);color:var(--red)}.pill.Hold{background:rgba(245,185,66,.12);color:var(--amber)}
.stars{color:var(--star);letter-spacing:1px;white-space:nowrap}.stars .off{color:#3a455c}
.grid-top{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px}
.grid-2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.chart{height:440px;width:100%}
.legend{display:flex;gap:14px;font-size:11px;color:var(--muted);margin-top:6px;flex-wrap:wrap}
.legend i{display:inline-block;width:12px;height:3px;border-radius:2px;margin-right:5px;vertical-align:middle}
.toggles{display:flex;gap:10px;font-size:11.5px;color:var(--muted);font-weight:500;flex-wrap:wrap}
.toggles input{accent-color:var(--blue);margin-right:3px;vertical-align:-2px}
table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
th{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);font-weight:600;text-align:right;padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap}
td{text-align:right;padding:9px 10px;border-bottom:1px solid #1b2436;white-space:nowrap}
th:first-child,td:first-child{text-align:left}
tr.sel td{background:rgba(79,140,255,.08)}
table.outlook tbody tr{cursor:pointer}
table.outlook tbody tr:hover td,table.scanner tbody tr:hover td{background:rgba(255,255,255,.03)}
table.scanner tbody tr{cursor:pointer}
td.likely{color:var(--star);font-weight:800}
td.likely::before{content:"★ ";}
.compact td,.compact th{padding:6px 8px}
table.scanner td,table.scanner th{padding:8px 7px}
.table-wrap{overflow-x:auto}
.hint{font-size:11.5px;color:var(--muted);margin-top:8px}
.plan-card .plan-sig{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.kv{display:grid;grid-template-columns:1fr auto;gap:7px 10px;font-variant-numeric:tabular-nums}
.kv .k{color:var(--muted)}
.kv .v{font-weight:600;text-align:right}
.kv .v.g{color:var(--green)}.kv .v.r{color:var(--red)}
.divider{height:1px;background:var(--line);margin:12px 0}
.plan-note{font-size:12px;color:var(--muted);margin-top:10px}
.plan-steps{margin:8px 0 0;padding-left:18px;font-size:12.5px}
.plan-steps li{margin:3px 0}
.ladder-row{display:grid;grid-template-columns:150px 1fr 54px;align-items:center;gap:8px;font-size:12px;padding:3px 0;font-variant-numeric:tabular-nums}
.ladder-bar{height:16px;border-radius:4px;background:linear-gradient(90deg,#2a3a5c,#4f8cff)}
.ladder-row.best .ladder-bar{background:linear-gradient(90deg,#8a6a16,var(--star))}
.ladder-row.best .lr-range{color:var(--star);font-weight:800}
.ladder-row.cur .lr-range{text-decoration:underline dotted}
.lr-p{text-align:right}
.lvl{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid #1b2436;font-variant-numeric:tabular-nums}
.lvl .tag{font-size:11px;color:var(--muted)}
.drv{display:grid;grid-template-columns:120px 1fr 50px;gap:8px;align-items:center;font-size:12px;padding:3px 0}
.drv-bar{height:10px;position:relative;background:#1b2436;border-radius:5px}
.drv-bar span{position:absolute;top:0;height:10px;border-radius:5px}
.kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:14px}
.kpi{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px 14px}
.kpi .l{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.6px}
.kpi .n{font-size:24px;font-weight:800;margin-top:2px;font-variant-numeric:tabular-nums}
.kpi .s{font-size:11.5px;color:var(--muted)}
.verdict{background:linear-gradient(90deg,rgba(79,140,255,.12),rgba(167,139,250,.08));border:1px solid #2b3b63;border-radius:14px;padding:12px 16px;margin-bottom:14px;font-size:13px}
.verdict b{color:#fff}
.verdict ul{margin:6px 0 0;padding-left:18px}
.canvas-wrap{height:300px;position:relative}
.canvas-wrap.short{height:260px}
.method ul{margin:0;padding-left:18px;color:#c4cde0;font-size:12.5px}
.method li{margin:5px 0}
.good{color:var(--green)}.bad{color:var(--red)}.meh{color:var(--amber)}
.loading{position:fixed;inset:0;background:rgba(5,8,14,.6);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;z-index:50;color:var(--muted)}
.loading.hidden{display:none}
.spinner{width:36px;height:36px;border:3px solid #2a3550;border-top-color:var(--star);border-radius:50%;animation:spin 1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.empty{color:var(--muted);padding:30px;text-align:center}
@media (max-width:1250px){.grid-top{grid-template-columns:1fr}.grid-3{grid-template-columns:1fr 1fr}.kpis{grid-template-columns:repeat(3,1fr)}}
table.scanner td:nth-child(2),table.scanner th:nth-child(2){text-align:left}

.asof{font-size:11.5px;color:var(--muted);white-space:nowrap}
.asof b{color:var(--text);font-weight:600}
.wl-note{font-weight:500;text-transform:none;letter-spacing:0;font-size:10.5px;color:var(--muted)}
.na{color:var(--muted);font-size:11px;font-style:italic}
.badge.new{background:#3b2f0b;color:var(--star);border-color:#6b5414}
.short-note{background:#1d1a0e;border:1px solid #4d3f12;border-radius:10px;padding:10px 12px;color:#e9d9a6;font-size:12.5px;margin-bottom:10px}
@media (max-width:900px){
  .topbar{flex-wrap:wrap;gap:8px 14px;padding:8px 12px}
  .settings{margin-left:0}
  .asof{order:5;width:100%;white-space:normal}
  .layout{grid-template-columns:1fr}
  .sidebar{border-right:0;border-bottom:1px solid var(--line);max-height:260px}
  .grid-3,.grid-2{grid-template-columns:1fr}
  .kpis{grid-template-columns:repeat(2,1fr)}
  main{padding:10px}
}
#view-track.no-bt .kpis,#view-backtest.no-bt .grid-2{display:none}
td.na{font-style:italic;color:var(--muted)}

/* ---------- premium polish + GEX */
.topbar{backdrop-filter:blur(8px)}
.tab-new{font-size:9px;font-weight:800;background:linear-gradient(90deg,#a78bfa,#f472b6);color:#0b0f17;border-radius:6px;padding:1px 5px;margin-left:3px;vertical-align:2px}
.card{box-shadow:0 1px 0 rgba(255,255,255,.03) inset,0 8px 24px rgba(0,0,0,.25)}
.pulse{display:flex;gap:10px;align-items:stretch;padding:8px 20px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,#0e1322,#120f24 60%,#0e1322);overflow-x:auto;scrollbar-width:thin}
.pulse-label{writing-mode:vertical-rl;transform:rotate(180deg);font-size:9px;letter-spacing:2px;color:#6b5fa8;font-weight:800;text-align:center}
.pchip{flex:0 0 auto;background:rgba(23,31,48,.7);border:1px solid #262f48;border-radius:12px;padding:6px 12px;min-width:150px}
.pchip.click{cursor:pointer}.pchip.click:hover{border-color:#4f5d85}
.pchip .pl{font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;font-weight:700;display:flex;gap:6px;align-items:center}
.pchip .pv{font-size:15px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.pchip .pv .chg{font-size:12px;font-weight:700}
.pchip .ps{font-size:10.5px;color:var(--muted);white-space:nowrap;display:flex;align-items:center;gap:6px}
.pchip.big.positive{border-color:#1f6f63;background:linear-gradient(135deg,rgba(20,184,166,.18),rgba(23,31,48,.7))}
.pchip.big.negative{border-color:#7a2346;background:linear-gradient(135deg,rgba(244,63,94,.18),rgba(23,31,48,.7))}
.pchip.big.mixed{border-color:#6b5414}
.gchip{display:inline-block;font-size:10px;font-weight:800;padding:0 6px;border-radius:999px;line-height:16px;vertical-align:1px}
.gchip.positive{background:rgba(45,212,191,.16);color:#2dd4bf}.gchip.negative{background:rgba(244,63,94,.16);color:#fb7185}
.gex-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:10px;flex-wrap:wrap}
.seg-group{display:inline-flex;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:3px;gap:2px}
.seg{background:none;border:0;color:var(--muted);font-weight:700;font-size:12.5px;padding:6px 12px;border-radius:8px;cursor:pointer}
.seg.active{background:linear-gradient(135deg,#3b2f7a,#2a2355);color:#fff;box-shadow:0 0 0 1px #5b4bb3 inset}
.seg-group.small .seg{font-size:11.5px;padding:4px 10px}
.gex-note-in{background:linear-gradient(90deg,rgba(167,139,250,.10),rgba(79,140,255,.06));border:1px solid #2f2a5a;border-radius:12px;padding:10px 14px;font-size:12px;color:#c9c3ea;margin-bottom:14px;line-height:1.55}
.proxy-note{margin-top:6px;color:#fcd34d}
.gex-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
.gex-kpis .kpi .n{font-size:21px}
.kpi .n.flipc{color:#facc15}.kpi .n.kingc{color:#fde047}
.heat-card{background:linear-gradient(180deg,#151032,#110d26);border-color:#2c2457}
.heat-title{flex-wrap:wrap;gap:8px}
.heat-ctrl{display:flex;gap:8px;align-items:center}
.share-btn{background:linear-gradient(135deg,#7c3aed,#db2777);color:#fff;border:0;border-radius:9px;padding:6px 12px;font-weight:800;font-size:12px;cursor:pointer}
.share-btn:disabled{opacity:.6}
.heat-wrap{max-height:min(72vh,900px);overflow:auto;border:1px solid #2c2457;border-radius:10px;background:#1a1438;-webkit-overflow-scrolling:touch}
table.heat{border-collapse:separate;border-spacing:0;font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;width:max-content;min-width:100%}
table.heat th{position:sticky;top:0;z-index:3;background:#120e2a;color:#b6aee6;font-size:10.5px;padding:6px 8px;text-align:center;border-bottom:1px solid #3a3070;letter-spacing:.3px}
table.heat th .dte{font-size:9.5px;color:#7d74b3;font-weight:600}
table.heat td{padding:3px 8px;text-align:right;border-bottom:1px solid rgba(10,6,25,.55);border-right:1px solid rgba(10,6,25,.35);min-width:78px;position:relative;font-weight:600}
table.heat .sk{position:sticky;left:0;z-index:2;background:#120e2a;color:#d8d3f5;text-align:left;min-width:92px;font-weight:700;border-right:1px solid #3a3070}
table.heat th.sk{z-index:4}
table.heat tr.spot-row td{border-top:1px solid #e6ebf5;border-bottom:1px solid #e6ebf5}
table.heat td.sk.spot{background:#1d1748}
.spot-tag{display:inline-block;background:#e6ebf5;color:#0b0f17;border-radius:4px;padding:0 5px;margin-right:5px;font-size:10.5px;font-weight:800}
.spot-tag::before{content:"▶ "}
.kv2{color:#fff}
table.heat td.king{background:#facc15!important;color:#111!important;font-weight:900;box-shadow:0 0 14px rgba(250,204,21,.8),0 0 0 2px #fff inset}
table.heat td.cmax{box-shadow:0 0 0 1.5px rgba(255,255,255,.65) inset}
table.heat .allc{border-left:2px solid #5b4bb3;font-weight:800}
table.heat th.allc{background:#1d1748;color:#e9e4ff}
.lt{font-size:8.5px;font-weight:900;border-radius:3px;padding:0 3px;margin-left:4px;vertical-align:1px}
.lt.cw{background:#f472b6;color:#1a0b14}.lt.pw{background:#2dd4bf;color:#04201c}.lt.fl{background:#facc15;color:#1a1500}
.vchip{position:absolute;left:3px;top:50%;transform:translateY(-50%);font-size:8.5px;font-weight:800;padding:0 3px;border-radius:3px;background:rgba(0,0,0,.45)}
.vchip.u{color:#5eead4}.vchip.d{color:#fda4af}
.heat-foot{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:8px;font-family:"JetBrains Mono",ui-monospace,monospace;font-size:12px;color:#b6aee6;background:#120e2a;border:1px solid #2c2457;border-radius:8px;padding:6px 10px}
.heat-foot b.pos{color:#2dd4bf}.heat-foot b.neg{color:#fb7185}.heat-foot .sep{color:#4b4380}
.heat-foot .foot-r{margin-left:auto;color:#fde047}
.heat-export{position:fixed;left:-20000px;top:0;padding:18px;background:#0b0f17;width:max-content;color:var(--text)}
.heat-export .sk,.heat-export th{position:static!important}
.heat-export .hx-head{display:flex;gap:18px;align-items:baseline;margin-bottom:10px;flex-wrap:wrap}
.heat-export .hx-title{font-size:18px;font-weight:800}
.heat-export .hx-meta{font-size:12px;color:var(--muted)}
.heat-export .hx-wm{margin-top:8px;font-size:11px;color:#7d74b3;text-align:right}
ul.read{margin:0;padding-left:18px;font-size:12.5px;color:#d3d9e8}
ul.read li{margin:6px 0}
tr.click{cursor:pointer}tr.click:hover td{background:rgba(167,139,250,.07)}
.hidden{display:none!important}
.mt{margin-top:10px}
@media (max-width:1250px){.gex-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){
  .pulse{padding:6px 10px}
  .pulse-label{display:none}
  .pchip{min-width:130px}
  .heat-wrap{max-height:70vh}
  table.heat td{min-width:70px;font-size:10.5px;padding:3px 6px}
  table.heat .sk{min-width:74px}
  .heat-ctrl{width:100%;justify-content:space-between}
}
.heat-export table.heat td.cmax{box-shadow:none;border:1.5px solid rgba(255,255,255,.75)}
.heat-export table.heat td.king{box-shadow:none;border:2px solid #fff}
/* ---------- Node Targets */
.heat-wrap{position:relative}
.heat-export .hx-table{position:relative;display:inline-block}
.heat-export .hx-targets{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;font-weight:700;margin-top:6px}
.nt-card .nt-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:6px 0 10px}
.nt-tile{all:unset;cursor:pointer;display:block;padding:10px 12px;border-radius:10px;background:#121a2b;border:1px solid #232d42;border-top:3px solid var(--hc)}
.nt-tile.active{background:#18223a;border-color:var(--hc);box-shadow:0 0 0 1px var(--hc) inset}
.nt-tile .nt-h{font-size:12px;font-weight:700;color:#c9d3e6;display:flex;align-items:center;gap:6px}
.nt-tile .nt-dot{width:8px;height:8px;border-radius:50%;background:var(--hc);display:inline-block}
.nt-tile .nt-t{font-size:24px;font-weight:800;margin:4px 0 2px;letter-spacing:-.01em}
.nt-tile .nt-t.up{color:#22c55e}.nt-tile .nt-t.dn{color:#ef4444}.nt-tile .nt-t.flat{color:#fbbf24}
.nt-tile .nt-s{font-size:12px;color:#8a96ad;margin-top:2px}
.nt-why{font-size:13px;margin:0 0 8px;color:#c9d3e6}
.nt-table td{vertical-align:middle}
.nt-table tr.nt-star td{background:#2a2410}
.nt-table tr.nt-spot td{background:#10223a;border-top:1px dashed #4f8cff;border-bottom:1px dashed #4f8cff;font-size:12px}
.nt-lab{display:inline-block;padding:1px 6px;border-radius:6px;font-size:11px;background:#1d2840;color:#c9d3e6;margin:1px 0}
.nt-lab.king{background:#3b2f0b;color:#fde68a}.nt-lab.maxpain{background:#2b2350;color:#c4b5fd}.nt-lab.gammaflip{background:#3a3208;color:#facc15}
.nt-lab.callsidemagnet{background:#3d1630;color:#f9a8d4}.nt-lab.putsidemagnet{background:#0f3532;color:#5eead4}.nt-lab.negativenode{background:#3f1520;color:#fda4af}
.nt-lab.breakoutnode{background:#3f1d0b;color:#fdba74}
.bar-cell{white-space:nowrap;min-width:120px}
.bar-cell .pbar{display:inline-block;width:70px;height:7px;border-radius:4px;background:#1d2840;vertical-align:middle;margin-right:6px;overflow:hidden}
.bar-cell .pbar i{display:block;height:100%;background:linear-gradient(90deg,#4f8cff,#22d3ee)}
.bar-cell .pbar.land i{background:linear-gradient(90deg,#f59e0b,#fde047)}
.nt-collect{padding:10px 12px;border-radius:8px;background:#121a2b;border:1px dashed #334155;font-size:13px;margin-bottom:8px}
.nt-sub{margin:12px 0 6px;font-size:13px;color:#c9d3e6}
.cal-t{max-width:520px}
.warn{color:#fbbf24}.bad{color:#f87171}
@media (max-width:900px){.nt-card .nt-tiles{grid-template-columns:1fr}.nt-tile .nt-t{font-size:20px}}
.nt-track table.compact{font-size:12px}.nt-track table.compact td,.nt-track table.compact th{padding:5px 7px}
/* ---------- Trade Ideas */
.gex-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:14px;align-items:start}
.gex-main{min-width:0}
.gex-side{position:sticky;top:12px;max-height:calc(100vh - 24px);overflow:auto}
.idea-card{border:1px solid #3b3270;background:linear-gradient(180deg,#151a2c,#121826)}
.ol-text{font-size:15px;line-height:1.45;font-weight:600;color:#e6ebf5;margin:2px 0 8px}
.ol-bar{display:flex;align-items:center;gap:8px;font-size:12px;color:#8a96ad;margin-bottom:4px}
.ol-track{flex:1;height:8px;border-radius:5px;background:linear-gradient(90deg,#2dd4bf55,#4f8cff88,#f472b655);position:relative}
.ol-track i{position:absolute;top:-4px;width:3px;height:16px;background:#fde047;border-radius:2px;transform:translateX(-1px)}
.ideas-sep{height:1px;background:#232d42;margin:12px 0}
.idea .idea-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.abadge{display:inline-block;padding:4px 9px;border-radius:7px;font-size:12px;font-weight:800;letter-spacing:.04em;background:#1d2840;color:#c9d3e6}
.abadge.sm{padding:2px 6px;font-size:10px}
.abadge.bull{background:#0f3d2a;color:#4ade80;border:1px solid #166534}
.abadge.bear{background:#3f1520;color:#fb7185;border:1px solid #9f1239}
.abadge.neutral{background:#2b2350;color:#c4b5fd;border:1px solid #5b21b6}
.abadge.wait{background:#2a2410;color:#fbbf24;border:1px solid #854d0e}
.idea-contract{font-size:16px;font-weight:800;margin:2px 0}
.idea-px{color:#fde047;font-weight:800;white-space:nowrap}
.ix-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:10px 0}
.ix{background:#0f1524;border:1px solid #232d42;border-radius:8px;padding:6px 8px}
.ix .l{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#8a96ad}
.ix .v{font-size:15px;font-weight:800;margin-top:1px}
.idea-exit,.idea-size{font-size:12.5px;margin:6px 0;padding:7px 9px;border-radius:8px;background:#111a2d;border:1px solid #1f2a44}
.idea .legs{margin:6px 0;font-size:12px}
.idea.wait .idea-contract{color:#fbbf24}
.idea-bt{margin-top:10px;font-size:12px;padding:8px 9px;border-radius:8px;background:#141225;border:1px dashed #3b3270;color:#c9d3e6}
.top-ideas td{vertical-align:middle}
.top-ideas tr.wait td{opacity:.75}
.mt{margin-top:8px}
@media (max-width:1100px){.gex-layout{grid-template-columns:1fr}.gex-side{position:static;max-height:none;order:-1}}
.top-ideas th:nth-child(2), .top-ideas td:nth-child(2), .top-ideas th:nth-child(3), .top-ideas td:nth-child(3) { text-align: left; }
/* live badge */
.live-badge{display:inline-flex;align-items:center;gap:6px;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:600;border:1px solid var(--line,#232d42);margin-right:8px;color:#c4cde0;background:#111827}
.live-badge i{width:7px;height:7px;border-radius:50%;background:#64748b;display:inline-block}
.live-badge.live{color:#bbf7d0;border-color:#166534;background:#052e1a}.live-badge.live i{background:#22c55e;box-shadow:0 0 0 0 #22c55e88;animation:lpulse 1.6s infinite}
.live-badge.delayed{color:#fde68a;border-color:#854d0e;background:#2a1d05}.live-badge.delayed i{background:#f59e0b}
.live-badge.closed{color:#cbd5e1}.live-badge.closed i{background:#94a3b8}
.live-badge.off{color:#fecaca;border-color:#7f1d1d;background:#2a0b0b}.live-badge.off i{background:#ef4444}
@keyframes lpulse{0%{box-shadow:0 0 0 0 #22c55e88}70%{box-shadow:0 0 0 6px #22c55e00}100%{box-shadow:0 0 0 0 #22c55e00}}
/* price forecast */
.fc-card{margin-bottom:12px}
.fc-lines{display:flex;flex-direction:column;gap:4px;margin:4px 0 10px;font-size:13.5px;line-height:1.45}
.fc-line b{color:var(--star,#fbbf24)}
.fc-table td{vertical-align:middle}
.fc-tgt{font-size:15px}
.updn{display:flex;width:120px;height:18px;border-radius:4px;overflow:hidden;font-size:10.5px;font-weight:700}
.updn span{display:flex;align-items:center;justify-content:center;min-width:26px;color:#06121a}
.updn .up{background:#22c55ecc}.updn .dn{background:#ef4444cc}
.fc-ov{white-space:nowrap;font-size:12px;line-height:1.5}
.fc-ov .up{color:#22c55e}.fc-ov .dn{color:#ef4444}
.updn{width:96px}
.fc-table th,.fc-table td{padding-left:6px;padding-right:6px}

/* ================= navigation redesign ================= */
.topbar{gap:14px;padding:8px 16px;z-index:30}
.brand{text-decoration:none;color:var(--text);white-space:nowrap}
.tabs{gap:2px}
.tab{padding:7px 12px;font-size:13.5px}
.tsearch{position:relative;flex:0 1 260px;min-width:150px;display:flex;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:0 8px}
.tsearch:focus-within{border-color:#4f8cff;box-shadow:0 0 0 3px #4f8cff22}
.ts-ico{color:var(--muted);font-size:15px;margin-right:4px}
.tsearch input{flex:1;min-width:0;background:none;border:0;outline:0;color:var(--text);padding:7px 2px;font:inherit;font-size:13px}
.ts-drop{position:absolute;top:calc(100% + 6px);left:0;right:0;min-width:300px;max-height:360px;overflow:auto;background:#121a2b;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 30px #0009;z-index:50;padding:4px}
.ts-item{display:grid;grid-template-columns:62px 1fr auto;gap:8px;align-items:center;padding:7px 9px;border-radius:7px;cursor:pointer;font-size:13px}
.ts-item.sel,.ts-item:hover{background:var(--panel2)}
.ts-item .muted{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.asof{margin-left:auto}
.icon-btn{background:var(--panel);border:1px solid var(--line);color:var(--muted);border-radius:9px;padding:6px 10px;cursor:pointer;font-size:12px;white-space:nowrap}
.icon-btn:hover{color:var(--text)}
.settings{position:absolute;right:14px;top:calc(100% + 6px);margin:0;flex-direction:column;gap:10px;background:#121a2b;border:1px solid var(--line);border-radius:12px;padding:12px 14px;box-shadow:0 12px 30px #0009;width:250px;z-index:40}
.settings label{display:flex;justify-content:space-between;align-items:center}
.chips-bar{position:sticky;top:51px;z-index:20;background:#0b0f17ee;backdrop-filter:blur(8px);border-bottom:1px solid var(--line);padding:6px 12px}
.chips{list-style:none;margin:0;padding:0;display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin}
.chip{flex:0 0 auto;display:flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:var(--panel);border:1px solid var(--line);cursor:pointer;font-size:12.5px;white-space:nowrap;position:relative}
.chip:hover{border-color:#3a4766}
.chip.active{background:#1b2440;border-color:#4f8cff;box-shadow:0 0 0 1px #4f8cff55}
.chip .c-t{font-weight:700}
.chip .c-p{color:#c6d0e3}
.chip .c-c{font-size:11.5px}
.c-sig{font-style:normal;font-size:9.5px;font-weight:800;border-radius:5px;padding:0 4px;color:#0b0f17}
.c-sig.Buy{background:var(--green)}.c-sig.Sell{background:var(--red)}
main#main{padding:14px 18px 40px;max-width:1700px;margin:0 auto}
.view{display:none}.view.active{display:block}
.th-links{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}
.th-link{font-size:12px;color:#9fb6ff;text-decoration:none;border:1px solid var(--line);border-radius:8px;padding:4px 9px;background:var(--panel)}
.th-link:hover{border-color:#4f8cff}
details.more{padding:0}
details.more>summary{cursor:pointer;list-style:none;padding:12px 16px;color:#b8c3d9;font-weight:600;font-size:13px}
details.more>summary::-webkit-details-marker{display:none}
details.more>summary::before{content:"▸";display:inline-block;margin-right:8px;transition:transform .15s}
details.more[open]>summary::before{transform:rotate(90deg)}
details.more[open]{padding:0 14px 14px}
details.more[open]>summary{padding:12px 2px}
details.more-in>summary{cursor:pointer;color:var(--muted);font-size:12px;margin-top:6px}
/* home */
.home-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}
.hcard{display:block;text-decoration:none;color:var(--text);background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:10px 12px;transition:border-color .12s,transform .12s}
.hcard:hover{border-color:#4f8cff;transform:translateY(-1px)}
.hcard.active{border-color:#4f8cff88}
.hc-top{display:flex;justify-content:space-between;align-items:center;font-size:15px}
.hc-name{color:var(--muted);font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hc-px{font-size:17px;font-weight:700;margin-top:4px}
.hc-px .chg{font-size:12px;font-weight:600}
.hc-g,.hc-fc{font-size:12px;margin-top:3px}
.hc-stars{margin-top:3px}
/* chart */
.chart-title{align-items:center}
.ind-btn{background:#1b2440;border:1px solid #33416a;color:#cdd7ff;border-radius:9px;padding:5px 11px;cursor:pointer;font-size:12.5px;font-weight:600}
.ind-panel{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:4px 16px;background:#0f1524;border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin-bottom:10px}
.ind-gt{font-size:10.5px;text-transform:uppercase;letter-spacing:.7px;color:var(--muted);margin:2px 0 4px;font-weight:700}
.ind-t{display:flex;gap:7px;align-items:center;font-size:12.5px;padding:2px 0;cursor:pointer}
.ind-t input{accent-color:#4f8cff}
.ind-foot{grid-column:1/-1;text-align:right}
.ind-reset{background:none;border:0;color:#9fb6ff;cursor:pointer;font-size:12px}
.chart-wrap{position:relative;height:470px}
.chart-wrap .chart{height:100%}
.vp-canvas{position:absolute;inset:0;pointer-events:none;z-index:2}
.callouts{position:absolute;inset:0;pointer-events:none;z-index:4}
.callout{position:absolute;pointer-events:auto;white-space:nowrap;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;border:1px solid;box-shadow:0 3px 10px #0008;cursor:help;letter-spacing:.2px}
.callout::before{content:"";position:absolute;left:-10px;top:50%;margin-top:-5px;border:5px solid transparent;border-right-color:inherit}
.callout.shifted::before{display:none}
.callout.buy{background:#0f2a1b;color:#4ade80;border-color:#22c55e}
.callout.sell{background:#2d1216;color:#f87171;border-color:#ef4444}
.callout.tp{background:#0d2620;color:#34d399;border-color:#34d399}
.callout.stop{background:#2b0f19;color:#fb7185;border-color:#f43f5e}
.callout.idea{background:#0f1b33;color:#93c5fd;border-color:#60a5fa}
.callout.gpos{background:#10241f;color:#5eead4;border-color:#2dd4bf}
.callout.gneg{background:#2a1424;color:#f9a8d4;border-color:#f472b6}
.chart-tip{position:absolute;z-index:6;max-width:360px;background:#0f1626f2;border:1px solid #33416a;border-radius:10px;padding:8px 10px;font-size:12px;line-height:1.45;box-shadow:0 10px 26px #000a;pointer-events:none}
.chart-tip hr{border:0;border-top:1px solid var(--line);margin:6px 0}
.sub-pane{position:relative;height:110px;border-top:1px solid var(--line);margin-top:2px}
.sub-chart{height:100%}
.sub-label{position:absolute;left:6px;top:3px;font-size:10.5px;color:var(--muted);z-index:3;pointer-events:none}
.sig-summary{font-size:12px;color:#b8c3d9;border-top:1px solid var(--line);margin-top:8px;padding-top:8px;display:grid;gap:4px}
.sig-summary a{color:#9fb6ff}
/* GEX easy */
.gex-top{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;flex-wrap:wrap}
.easy-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:14px;align-items:stretch}
.easy{list-style:none;margin:0;padding:0;display:grid;gap:9px;font-size:14px;line-height:1.5}
.easy li{padding:8px 10px;border-radius:10px;background:var(--panel2);border:1px solid var(--line)}
.easy li.e-reg.pos{border-color:#2dd4bf66;background:#0f2220}
.easy li.e-reg.neg{border-color:#f472b666;background:#24121f}
.easy li.e-if{border-style:dashed}
.easy li.e-path{border-color:#fbbf2455}
.e-tag{display:inline-block;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;border-radius:6px;padding:1px 6px;margin-right:4px}
.e-tag.res{background:#3b1530;color:#f9a8d4}.e-tag.sup{background:#0f2e2a;color:#5eead4}.e-tag.mag{background:#3a2c0b;color:#fcd34d}
.ladder-svg{max-width:100%;height:auto;display:block;margin:0 auto}
.ladder-svg .ln{font-size:12px;font-weight:700}
.ladder-svg .lp{font-weight:800}
.ladder-svg .lname{font-weight:500}
.ladder-svg .lo{font-size:10.5px;opacity:.9}
.ladder-svg .lx{font-size:10.5px;fill:#9fb0cc}.ladder-svg .lx.b{fill:#fcd34d;font-weight:700}
.ladder-svg .nowt{font-size:11px;font-weight:800;fill:#0b0f17}
.ladder-key{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:11.5px;color:var(--muted);margin-top:4px}
.ladder-key i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px}
.heat-legend{font-size:12px;color:#b8c3d9;margin:-2px 0 8px}
.hl-sw{display:inline-block;width:12px;height:12px;border-radius:3px;vertical-align:-2px;margin:0 5px 0 2px}
.hl-sw.pos{background:linear-gradient(90deg,#14b8a6,#34d399)}.hl-sw.neg{background:linear-gradient(90deg,#db2777,#f43f5e)}
/* ideas */
.ideas-grid{display:grid;grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:14px;align-items:start}
/* bottom nav (mobile) */
.bottom-nav{display:none}
@media (max-width:1250px){.easy-grid{grid-template-columns:1fr}.ideas-grid{grid-template-columns:1fr}}
@media (max-width:1100px){.asof #dataAsOf{display:none}}
@media (max-width:860px){
  .topbar{flex-wrap:nowrap;gap:8px;padding:7px 10px}
  .topbar .tabs{display:none}
  .brand{font-size:15px}.brand-sub{display:none}
  .tsearch{flex:1 1 auto}
  .asof{order:0;width:auto;margin-left:0}
  .asof .live-badge{font-size:0;padding:5px}
  .asof .live-badge i{margin:0}
  #settingsSum{display:none}
  .chips-bar{top:47px;padding:5px 8px}
  main#main{padding:10px 8px 84px}
  .bottom-nav{display:grid;grid-template-columns:repeat(6,1fr);position:fixed;left:0;right:0;bottom:0;z-index:40;background:#0d1322f2;backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:4px 2px calc(4px + env(safe-area-inset-bottom))}
  .bottom-nav button{background:none;border:0;color:var(--muted);font-size:10.5px;display:flex;flex-direction:column;align-items:center;gap:1px;padding:4px 0;cursor:pointer;font-weight:600}
  .bottom-nav button span{font-size:17px;line-height:1.1}
  .bottom-nav button.active{color:var(--star)}
  .chart-wrap{height:380px}
  .callout{font-size:9.5px;padding:2px 6px}
  .th-links{display:none}
  .home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

.ladder-svg .ln{font-size:11.5px;font-weight:700}
.ladder-svg .lp{font-size:11.5px;font-weight:800}
.ladder-svg .lo{font-size:10px;fill:#9fb0cc}
.tab{white-space:nowrap}

.callout.sm{font-size:10px;padding:1px 6px}
/* session badges (pre-market / after hours / overnight) */
.th-pblock .chg{font-size:13px;margin-top:2px;white-space:nowrap}
.ses-b{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.02em;padding:1px 6px;border-radius:9px;vertical-align:1px;background:#2a3346;color:#cfd6e4}
.ses-b.s-overnight{background:#2d2559;color:#c7b8ff}.ses-b.s-post{background:#1f3a4d;color:#9fd3ff}.ses-b.s-pre{background:#3d3420;color:#ffd98a}.ses-b.s-24{background:#173a2c;color:#8ff0c0}
.c-ses{font-size:9px;font-weight:700;margin-left:4px;padding:0 4px;border-radius:6px;background:#2d2559;color:#c7b8ff}
.c-ses.s-post{background:#1f3a4d;color:#9fd3ff}.c-ses.s-pre{background:#3d3420;color:#ffd98a}
.live-badge.live.ext i{background:#a88bff;box-shadow:0 0 0 3px rgba(168,139,255,.25)}
/* ---------- Options Picks */
.tab-picks{color:var(--star)!important}
.tab-picks.active{box-shadow:inset 0 -2px 0 var(--star)}
.bottom-nav .bn-picks span{filter:saturate(1.2)}
.picks-hero{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;background:linear-gradient(135deg,#1a1630,#121826 60%)}
.ph-title{font-size:20px;font-weight:800}
.ph-sub{color:#c6cee0;margin-top:4px;max-width:860px}
.ph-meta{text-align:right;white-space:nowrap}
.best-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pk-card{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:12px 14px;cursor:pointer;position:relative}
.pk-card.call{border-top:3px solid var(--green)} .pk-card.put{border-top:3px solid var(--red)}
.pk-top{display:flex;align-items:center;gap:8px}
.pk-rank{font-weight:800;color:var(--star)}
.pk-tk{font-weight:800;font-size:16px}
.pk-act{font-size:11px;font-weight:800;padding:2px 8px;border-radius:6px;letter-spacing:.03em}
.pk-act.call{background:rgba(34,197,94,.15);color:#4ade80} .pk-act.put{background:rgba(239,68,68,.15);color:#f87171}
.pk-contract{font-size:15px;font-weight:700;margin:6px 0 8px}
.pk-odds{display:grid;grid-template-columns:1.1fr 1fr 1.2fr;gap:8px;align-items:end;margin-bottom:8px}
.pk-big{font-size:30px;font-weight:800;color:var(--star);line-height:1}
.pk-mid{font-size:18px;font-weight:800}
.pk-tbl{width:100%;border-collapse:collapse;font-size:12.5px}
.pk-tbl td{padding:3px 0;vertical-align:top;border-top:1px solid #1f2839}
.pk-tbl td:first-child{color:var(--muted);width:68px}
.pk-why{font-size:12.5px;color:#cfd6e4;margin-top:8px}
.pk-live{font-size:12px;margin-top:8px;padding:6px 8px;border-radius:8px;background:#141c2c;border:1px solid #233049}
.pk-live.warn{border-color:#5a4214;background:#251d0d;color:#ffd98a}
.picks-list{display:flex;flex-direction:column;gap:6px}
.pk-row{border:1px solid var(--line);border-radius:10px;background:var(--panel)}
.pk-row.focus{border-color:var(--star);box-shadow:0 0 0 1px rgba(251,191,36,.35)}
.pk-head{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;cursor:pointer}
.pk-head .pk-tk{min-width:70px}
.pk-main{display:flex;flex-wrap:wrap;gap:4px 14px;flex:1;font-size:12.5px;color:#cfd6e4}
.pk-main .pk-c{font-weight:700;color:var(--text)}
.pk-nt{color:var(--muted)}
.pk-none{font-size:11px;font-weight:700;padding:2px 8px;border-radius:6px;background:#1f2738;color:var(--muted);white-space:nowrap}
.pk-bestb{font-size:10.5px;font-weight:800;color:#1a1300;background:var(--star);padding:1px 6px;border-radius:6px;white-space:nowrap}
.pk-chev{color:var(--muted)}
.pk-body{padding:4px 12px 12px;border-top:1px solid var(--line)}
.pk-body .pk-card{cursor:default;margin-top:8px}
.pk-sub{font-weight:700;margin:12px 0 4px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.pk-sig td,.pk-sig th{font-size:12px}
.pk-ins{margin:4px 0 0;padding-left:18px}
.verdict-line{background:#151d2d;border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin-bottom:10px;font-size:13px}
@media (max-width:860px){
  .best-grid{grid-template-columns:1fr}
  .picks-hero{flex-direction:column}
  .ph-meta{text-align:left;white-space:normal}
  .pk-head{flex-wrap:wrap}
  .pk-main{flex-basis:100%;gap:2px 10px}
  .pk-odds{grid-template-columns:1fr 1fr 1fr}
  .pk-big{font-size:26px}
  .bottom-nav button{font-size:10px}
}
@media (max-width:860px){.bottom-nav{grid-template-columns:repeat(7,1fr)}}
.best-grid>*{min-width:0}
.pk-card{min-width:0;overflow-wrap:anywhere}
.pk-tbl td{white-space:normal;text-align:left}
.pk-sig td,.pk-sig th{text-align:left;white-space:normal}
.pk-sig td:nth-child(3),.pk-sig td:nth-child(4){white-space:nowrap}
.pk-body a,.pk-ins a,#picksMethod a{color:#7fb0ff}
@media (max-width:860px){ .pk-sig th:nth-child(1),.pk-sig td:nth-child(1){display:none} .pk-odds .small{font-size:11px} }
/* Picks sub-sections: Swing Trades | LEAPS */
.pk-seg{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0 0 12px;padding:4px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.pk-seg button{all:unset;box-sizing:border-box;cursor:pointer;text-align:center;padding:9px 8px;border-radius:9px;display:flex;flex-direction:column;gap:2px;color:var(--muted)}
.pk-seg button b{font-size:15px;color:var(--text)}
.pk-seg button small{font-size:11.5px}
.pk-seg button.active{background:linear-gradient(135deg,#2a2140,#1c2436);box-shadow:inset 0 0 0 1px var(--star)}
.pk-seg button.active b{color:var(--star)}
.pk-bt td,.pk-bt th{font-size:12px;text-align:left;white-space:normal}
.pk-bt tr.pk-rule td{font-weight:700;background:#151d2d}
.lp-score{margin-left:auto;font-size:12px;white-space:nowrap}
.lp-dots{display:inline-flex;gap:3px;vertical-align:middle}
.lp-dots i{width:8px;height:8px;border-radius:50%;background:#2a3348;display:inline-block}
.lp-dots i.on{background:var(--green)}
.lp-scen{width:100%;font-size:12px}
.lp-scen th,.lp-scen td{text-align:center!important;padding:3px 2px}
.lp-alt{font-size:12px;margin-top:8px;padding:6px 8px;border-radius:8px;border:1px dashed #33405c;color:#cfd6e4}
@media (max-width:860px){
  .pk-seg{position:sticky;top:0;z-index:5}
  .pk-seg button b{font-size:13.5px}
  .pk-seg button{padding:7px 4px}
  .pk-seg button small{font-size:10.5px}
  .pk-bt th:nth-child(6),.pk-bt td:nth-child(6){display:none}
}

/* ---------- tested setups (strong.js) */
.callout.sbuy{background:#0b3320;color:#bbf7d0;border-color:#16a34a;font-weight:800}
.callout.ssell{background:#3a0f14;color:#fecaca;border-color:#dc2626;font-weight:800}
.callout.neutral{background:#161c2a;color:#94a3b8;border-color:#334155}
.st-pill{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.3px;white-space:nowrap;border:1px solid}
.st-pill.sbuy{background:#0b3320;color:#bbf7d0;border-color:#16a34a}
.st-pill.buy{background:#0f2a1b;color:#4ade80;border-color:#22c55e}
.st-pill.sell{background:#2d1216;color:#f87171;border-color:#ef4444}
.st-pill.ssell{background:#3a0f14;color:#fecaca;border-color:#dc2626}
.st-pill.neutral{background:#161c2a;color:#94a3b8;border-color:#334155}
.st-status{border:1px solid var(--line);border-left:4px solid #334155;border-radius:10px;padding:10px 12px;margin:6px 0 10px;background:var(--panel2);display:flex;flex-direction:column;gap:5px}
.st-status.sbuy,.st-status.buy{border-left-color:#22c55e}.st-status.sell,.st-status.ssell{border-left-color:#ef4444}
.st-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.st-sec{margin-top:12px}.st-sec>summary{cursor:pointer;margin-bottom:6px}
.st-sub{margin:4px 0 8px}
.st-empty{padding:10px 12px;border:1px dashed var(--line);border-radius:10px;color:var(--muted)}
.st-list{display:flex;flex-direction:column;gap:6px}
.st-row{display:grid;grid-template-columns:auto 60px 1fr auto;grid-template-areas:"p t n px" "p t e c";gap:2px 10px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:var(--text);text-decoration:none}
.st-row:hover{border-color:#3b4a6b}
.st-row .st-pill{grid-area:p}.st-t{grid-area:t}.st-n{grid-area:n}.st-px{grid-area:px;text-align:right}.st-e{grid-area:e;color:var(--muted)}.st-c{grid-area:c;text-align:right;color:var(--muted)}
.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.st-tbl{width:100%;border-collapse:collapse;font-size:12.5px;min-width:720px}
.st-tbl th{text-align:left;color:var(--muted);font-weight:600;border-bottom:1px solid var(--line);padding:6px}
.st-tbl td{border-bottom:1px solid #1a2233;padding:6px;vertical-align:top}
.st-tbl tr.f td{opacity:.62}
.st-notes p{margin:6px 0}
.plan-model-lbl{margin:2px 0 4px}
@media (max-width:640px){
  .st-row{grid-template-columns:auto 1fr auto;grid-template-areas:"p t px" "n n n" "e e e" "c c c"}
  .st-c,.st-px{text-align:left}.st-px{text-align:right}
  .st-status{padding:8px 10px}
}
.st-card .card-title a{color:var(--blue);text-decoration:none;font-weight:600}.st-card .card-title{flex-wrap:wrap;gap:6px}

/* ---------- trade alert (alert.js) */
.al-pill{display:inline-block;padding:4px 10px;border-radius:8px;font-weight:800;font-size:13px;letter-spacing:.3px;white-space:nowrap;border:1px solid}
.al-pill.sm{padding:1px 7px;font-size:10.5px;border-radius:6px}
.al-pill.call{background:#0b3320;color:#bbf7d0;border-color:#16a34a}
.al-pill.put{background:#3a0f14;color:#fecaca;border-color:#dc2626}
.al-pill.wait{background:#1a2132;color:#cbd5e1;border-color:#475569}
.al-card .card-title{flex-wrap:wrap;gap:6px}
.al-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:2px 0 8px}
.al-dir{font-weight:700}
.al-why{margin:4px 0 8px;line-height:1.5}
.al-line{margin:6px 0;line-height:1.55}
.al-line .big{font-size:17px}
.al-contract{font-weight:800;font-family:ui-monospace,Menlo,monospace}
.al-bt{margin:8px 0 4px;padding:8px 10px;border-radius:8px;background:var(--panel2);border:1px solid var(--line);color:#cbd5e1}
.al-bt:empty{display:none}
.warn{color:#fbbf24}
.fc-title{margin:12px 0 6px}
.fc-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.fc-tile{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:9px 11px;display:flex;flex-direction:column;gap:4px}
.fc-h{font-weight:700;color:#cbd5e1}
.fc-mid{font-size:15px}
.updn.sm{width:100%;height:16px}
.tiny{font-size:11px}
.al-sub{margin:2px 0 8px}
.al-list{display:flex;flex-direction:column;gap:6px}
.al-row{display:grid;grid-template-columns:auto 64px 1fr auto;grid-template-areas:"p t n px" "p t o o";gap:2px 10px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:var(--text);text-decoration:none}
.al-row.wait{grid-template-areas:"p t n px";opacity:.8}
.al-row:hover{border-color:#3b4a6b}
.al-row .al-pill{grid-area:p}.al-t{grid-area:t}.al-n{grid-area:n;min-width:0}.al-px{grid-area:px;text-align:right;white-space:nowrap}.al-o{grid-area:o;color:var(--muted)}
.hc-al{margin-top:4px}
.alert-banner{position:absolute;left:8px;top:8px;z-index:30;max-width:calc(100% - 90px);pointer-events:auto}
.ab{display:inline-block;padding:6px 10px;border-radius:9px;border:1px solid;font-size:12.5px;background:#0d1320ee;box-shadow:0 4px 16px #0008;cursor:pointer;position:relative;line-height:1.35}
.ab.call{border-color:#16a34a;color:#d1fae5}.ab.call>b:first-child{color:#4ade80}
.ab.put{border-color:#dc2626;color:#fee2e2}.ab.put>b:first-child{color:#f87171}
.ab.wait{border-color:#475569;color:#cbd5e1}
.ab-tip{display:none;position:absolute;left:0;top:calc(100% + 6px);width:min(420px,86vw);background:#0b0f17;border:1px solid var(--line);border-radius:9px;padding:9px 11px;color:var(--text);font-size:12px;line-height:1.5;z-index:6}
.ab:hover .ab-tip,.ab.open .ab-tip{display:block}
@media (hover:none){.ab:hover .ab-tip{display:none}.ab.open .ab-tip{display:block}}
.gl{border-bottom:1px dotted #8a96ad;cursor:help}
.gl-tip{position:fixed;z-index:60;background:#0b0f17;border:1px solid #3b4a6b;border-radius:9px;padding:8px 10px;font-size:12.5px;line-height:1.45;color:var(--text);box-shadow:0 8px 24px #000a}
.howto>summary{cursor:pointer}
.howto-list{margin:8px 0 2px;padding-left:20px;line-height:1.6}
.howto-list li{margin:4px 0}
@media (max-width:640px){
  .fc-strip{grid-template-columns:1fr}
  .al-row{grid-template-columns:auto 1fr auto;grid-template-areas:"p t px" "n n n" "o o o"}
  .al-row.wait{grid-template-areas:"p t px" "n n n"}
  .ab-x{display:none}
  .ab{font-size:12px;padding:5px 8px}
  .alert-banner{max-width:calc(100% - 76px)}
}

/* ---------- Cheap Plays */
.ch-row{display:grid;grid-template-columns:auto 64px 1fr;grid-template-areas:"p t n" "p t o" "s s s";gap:3px 10px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:var(--text);text-decoration:none}
.ch-row:hover{border-color:#3b4a6b}
.ch-row .al-pill{grid-area:p}.ch-row .al-t{grid-area:t}.ch-row .al-n{grid-area:n;min-width:0}
.ch-odds{grid-area:o;display:flex;flex-wrap:wrap;gap:4px 14px;font-size:13px}
.ch-sub{grid-area:s}
.ch-pill{font-size:11px;padding:3px 8px}
.ch-none{display:flex;flex-wrap:wrap;gap:3px 10px;align-items:baseline;padding:7px 4px;border-top:1px solid var(--line)}
.ch-none .al-t{min-width:56px}
.ch-cl{flex-basis:100%;padding-left:66px}
.ch-empty{padding:14px 8px;text-align:left}
.ch-reasons,.ch-btd{margin-top:10px}
.ch-reasons>summary,.ch-btd>summary{cursor:pointer;color:var(--muted)}
.ch-bt{width:100%;border-collapse:collapse;font-size:12.5px;margin:8px 0 4px}
.ch-bt th,.ch-bt td{padding:4px 6px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}
.ch-bt th:first-child,.ch-bt td:first-child{text-align:left;white-space:normal}
.ch-btd{overflow-x:auto}
.ctag{display:block;width:max-content;max-width:100%;margin-top:5px;padding:3px 8px;border-radius:7px;border:1px solid;font-size:11.5px;font-weight:700;background:#0d1320ee;cursor:pointer;position:relative;line-height:1.35}
.ctag.call{border-color:#16a34a;color:#86efac}.ctag.put{border-color:#dc2626;color:#fca5a5}.ctag.none{border-color:#475569;color:#94a3b8;font-weight:600}
.ctag .ab-tip{font-weight:400}
.ctag:hover .ab-tip,.ctag.open .ab-tip{display:block}
@media (hover:none){.ctag:hover .ab-tip{display:none}.ctag.open .ab-tip{display:block}}
@media (max-width:640px){
  .ch-row{grid-template-columns:auto 1fr;grid-template-areas:"p t" "n n" "o o" "s s"}
  .ch-cl{padding-left:0}
  .ctag .ab-x{display:none}
}

/* ---------- Right now + timeframe switcher + intraday chart + Trade ideas side panel */
.rn-card{padding:12px 14px;border-width:1px}
.rn-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.rn-lbl{font-size:12px;letter-spacing:.6px;text-transform:uppercase;color:var(--muted);font-weight:700}
.rn-card .al-pill{font-size:15px;padding:5px 12px}
.rn-text{font-size:15px;line-height:1.5}
.rn-sub{margin-top:6px}
.rn-list{display:flex;flex-direction:column;gap:5px}
.rn-row{display:grid;grid-template-columns:auto 64px 1fr;gap:4px 10px;align-items:center;padding:7px 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:var(--text);text-decoration:none}
.rn-row.wait{opacity:.75}
.rn-row:hover{border-color:#3b4a6b}
.chart-title{flex-wrap:wrap;gap:8px}
.tf-seg{display:inline-flex;border:1px solid var(--line);border-radius:9px;overflow:hidden;margin-left:auto}
.tf-seg button{all:unset;cursor:pointer;padding:5px 12px;font-size:12.5px;font-weight:700;color:var(--muted);border-right:1px solid var(--line)}
.tf-seg button:last-child{border-right:0}
.tf-seg button.active{background:#2a2140;color:var(--star)}
.ichart-wrap{position:relative}
.tf-note{margin-top:8px}
.tf-failed summary{cursor:pointer;margin-top:4px}
.i-sig-list{margin-top:8px}
.i-sig{width:100%;border-collapse:collapse}
.i-sig td{padding:4px 6px;border-bottom:1px solid var(--line);white-space:nowrap}
.i-sig td:nth-child(2){white-space:normal}
.i-sig-h{margin:6px 0 2px}
.ab-live{box-shadow:0 0 0 2px #22c55e55,0 4px 16px #0008;animation:abpulse 2s ease-in-out infinite}
.ab-live.put{box-shadow:0 0 0 2px #ef444455,0 4px 16px #0008}
@keyframes abpulse{50%{filter:brightness(1.25)}}
.side-col{display:flex;flex-direction:column;gap:14px;min-width:0}
.ideas-side{padding:10px 12px}
.is-d>summary{cursor:pointer;list-style:none;margin:0}
.is-d>summary::-webkit-details-marker{display:none}
.is-list{display:flex;flex-direction:column;gap:6px;margin-top:8px}
.is-row{display:grid;grid-template-columns:78px auto 1fr;gap:4px 8px;align-items:center;padding:6px 8px;border:1px solid var(--line);border-radius:9px;background:var(--panel2);color:var(--text);text-decoration:none}
.is-row:hover{border-color:#3b4a6b}
.is-t{min-width:0;overflow-wrap:anywhere}
@media (max-width:640px){
  .tf-seg{margin-left:0;order:3;width:100%}
  .tf-seg button{flex:1;text-align:center}
  .rn-text{font-size:14px}
  .rn-row{grid-template-columns:auto 1fr}
  .rn-row>span.small{grid-column:1/-1}
  .is-row{grid-template-columns:auto 1fr}
  .is-row .is-t{grid-column:1/-1}
  .i-sig td:nth-child(3){display:none}
}

/* ---------- Options Flow tab */
.fl-top{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}
.fl-h{margin:0;font-size:20px}
#flSeg{margin:10px 0}
.fl-filters{padding:10px 12px;display:flex;flex-direction:column;gap:8px}
.fl-frow{display:flex;gap:8px;flex-wrap:wrap}
.fl-frow input[type=search],.fl-frow select{background:var(--panel2);border:1px solid var(--line);color:var(--text);border-radius:9px;padding:8px 10px;font-size:13px;min-width:0;flex:1 1 120px}
.fl-toggles{align-items:center;gap:14px;font-size:12.5px;color:var(--muted)}
.fl-toggles label{display:flex;align-items:center;gap:5px;cursor:pointer}
.fl-toggles .ghost{margin-left:auto;padding:4px 10px}
.fl-count{margin:8px 2px}
.fl-list{display:flex;flex-direction:column;gap:9px}
.fl-card{background:#161d2e;border:1px solid var(--line);border-left:4px solid var(--green);border-radius:12px;padding:9px 12px 10px;cursor:pointer}
.fl-card.put{border-left-color:var(--red)}
.fl-card:hover{border-color:#3b4a6b}
.fl-time{font-size:11.5px;color:var(--muted);margin-bottom:3px}
.fl-exp{font-style:normal;color:var(--amber);border:1px solid #6b4e12;border-radius:5px;padding:0 5px;margin-left:6px;font-size:10px}
.fl-l1{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.fl-t{font-size:16px}
.fl-k{font-weight:700;font-size:12.5px;padding:1px 8px;border-radius:7px}
.fl-k.call{background:#0f3a24;color:#86efac}.fl-k.put{background:#4a1519;color:#fca5a5}
.fl-e{font-size:12.5px;color:#cbd5e1}
.fl-d{font-size:11.5px;background:#232d42;border-radius:6px;padding:1px 7px;color:#cbd5e1}
.fl-op{font-style:normal;font-size:10.5px;color:#fbbf24;border:1px solid #6b4e12;border-radius:6px;padding:0 5px}
.fl-etf{font-style:normal;font-size:10px;color:#93c5fd;border:1px solid #1e3a5f;border-radius:6px;padding:0 5px}
.fl-bar{margin-left:auto;position:relative;display:flex;width:104px;height:18px;border-radius:5px;overflow:hidden;background:#232d42;flex:none}
.fl-bar i{display:block;height:100%}
.fl-bar .b{background:#e0585a}.fl-bar .m{background:#e5e7eb}.fl-bar .a{background:#6fbf73}
.fl-bar em{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:800;font-size:11.5px;color:#0b0f17;text-shadow:0 0 3px #ffffff90}
.fl-bar.na{align-items:center;justify-content:center;font-size:10.5px;color:var(--muted);background:#1a2132;border:1px dashed #334155}
.fl-chev{color:var(--muted);transition:transform .15s;font-size:15px;line-height:1}
.fl-card.open .fl-chev{transform:rotate(180deg)}
.fl-l2{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:5px;font-size:12.5px}
.fl-side{font-weight:800;font-size:12px}
.fl-side.ask{color:var(--green)}.fl-side.bid{color:var(--red)}.fl-side.mid{color:#cbd5e1}.fl-side.na{color:var(--muted)}
.fl-voi{margin-left:auto;white-space:nowrap}
.fl-voi i{font-style:normal;font-weight:700;font-size:11.5px;border-radius:6px;padding:1px 6px;margin-left:3px;background:#1d2a3d;color:#9fb0c8}
.fl-voi i.warm{background:#16351f;color:#86efac}.fl-voi i.hot{background:#14532d;color:#bbf7d0}
.fl-ex{display:none;margin-top:8px;padding-top:8px;border-top:1px solid var(--line)}
.fl-card.open .fl-ex{display:block}
.fl-grid{display:grid;grid-template-columns:auto 1fr;gap:3px 14px;font-size:12.5px;margin-bottom:6px}
.fl-grid span{color:var(--muted)}.fl-grid small{color:var(--muted);font-weight:400}
.fl-links{display:flex;gap:14px;flex-wrap:wrap;margin-top:7px;font-size:12.5px}
.fl-more{width:100%;padding:10px;margin-top:10px}
.fl-back{display:flex;gap:16px;margin:2px 0 10px;font-size:13px}
.fl-tk{display:block;background:#161d2e;border:1px solid var(--line);border-radius:12px;padding:9px 12px;color:var(--text);text-decoration:none}
.fl-tk:hover{border-color:#3b4a6b}
.fl-tk1{display:flex;align-items:baseline;gap:8px}.fl-tk1 .num{margin-left:auto;white-space:nowrap}
.fl-tn{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.fl-tk2{display:flex;align-items:center;gap:10px;margin-top:6px;flex-wrap:wrap}
.fl-tk3{display:flex;align-items:center;gap:10px;margin-top:5px;flex-wrap:wrap}
.fl-split{display:flex;width:120px;height:8px;border-radius:4px;overflow:hidden;background:#232d42;flex:none}
.fl-split .c{background:#22c55e}.fl-split .p{background:#ef4444}
.fl-skew{font-size:11.5px;font-weight:800;border-radius:6px;padding:1px 8px;background:#1d2a3d;color:#9fb0c8}
.fl-skew.bull{background:#0f3a24;color:#86efac}.fl-skew.bear{background:#4a1519;color:#fca5a5}
.fl-th{display:flex;flex-direction:column;gap:8px}
.fl-th1{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.fl-th1 .num{margin-left:auto}
.fl-big{font-size:22px}
.fl-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.fl-kpis div{background:var(--panel2);border-radius:10px;padding:7px 9px;display:flex;flex-direction:column}
.fl-kpis small{color:var(--muted);font-size:10.5px;text-transform:uppercase;letter-spacing:.4px}
.fl-kpis b{font-size:14px}
.fl-gx{font-size:12.5px;color:#cbd5e1;line-height:1.5}
.fl-sec{margin:14px 2px 8px}
.fl-tbl{width:100%;border-collapse:collapse;font-size:12.5px}
.fl-tbl th{color:var(--muted);font-weight:600;text-align:left;padding:4px 6px;font-size:11px}
.fl-tbl td{padding:5px 6px;border-top:1px solid var(--line)}
.fl-tbl .num{text-align:right;font-variant-numeric:tabular-nums}
.fl-ct{display:flex;flex-direction:column;gap:8px}
.fl-ct1{font-size:16px}.fl-ct1 small{color:var(--muted)}
.fl-ct2{display:flex;gap:6px 14px;flex-wrap:wrap;font-size:12.5px;color:var(--muted)}.fl-ct2 b{color:var(--text)}
.fl-leg{display:flex;gap:10px;flex-wrap:wrap;font-size:11.5px;color:var(--muted);align-items:center}
.fl-leg i{display:inline-block;width:10px;height:10px;border-radius:2px}
.fl-leg .a{background:#22c55e}.fl-leg .b{background:#ef4444}.fl-leg .m{background:#4f8cff}.fl-leg .l{background:#facc15;height:3px}
.fl-chart{width:100%;height:300px}
.fl-nochart{display:flex;height:300px;align-items:center;justify-content:center;border:1px dashed var(--line);border-radius:10px}
.fl-days{display:flex;gap:6px}
.fl-days button{background:var(--panel2);border:1px solid var(--line);color:var(--muted);border-radius:7px;padding:3px 10px;cursor:pointer;font-size:12px}
.fl-days button.active{color:var(--star);border-color:#6b4e12}
.fl-sides{display:flex;flex-direction:column;gap:8px}
.fl-sidebar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.fl-sidebar .fl-bar{margin-left:0}
.fl-idea{border-left:4px solid var(--green);margin-bottom:10px;display:flex;flex-direction:column;gap:8px}
.fl-idea.put{border-left-color:var(--red)}
.fl-i1{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.fl-ic{font-size:15px}
.fl-conf{margin-left:auto;letter-spacing:2px;color:var(--star)}
.fl-i2{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.fl-i2 div{background:var(--panel2);border-radius:9px;padding:6px 9px;display:flex;flex-direction:column}
.fl-i2 small{color:var(--muted);font-size:10.5px;text-transform:uppercase}
.fl-i3{font-size:13px;display:flex;flex-direction:column;gap:3px}
.fl-odds{display:flex;gap:8px 16px;flex-wrap:wrap;font-size:13px;padding:7px 10px;background:#101828;border-radius:9px;border:1px solid var(--line)}
.fl-i4{font-size:12.5px;color:#cbd5e1;line-height:1.5}
.fl-bt{font-size:13px;line-height:1.55;border-color:#4b3a12;background:#17140c;margin-bottom:10px}
.fl-homeideas{margin-top:10px}
.ts-flow{font-style:normal;font-size:9.5px;color:#93c5fd;border:1px solid #1e3a5f;border-radius:5px;padding:0 4px;margin-left:6px}
.bottom-nav .bn-flow span{filter:saturate(1.1)}
@media (max-width:860px){.bottom-nav{grid-template-columns:repeat(8,1fr)}}
@media (max-width:640px){
  .fl-bar{width:92px}
  .fl-kpis,.fl-i2{grid-template-columns:repeat(2,1fr)}
  .fl-chart,.fl-nochart{height:260px}
  .fl-voi{margin-left:0}
}
@media (min-width:900px){.fl-list{display:grid;grid-template-columns:repeat(2,1fr)}}

.fl-links a,.fl-back a{color:#7aa7ff;text-decoration:none}
.fl-links a:hover,.fl-back a:hover{text-decoration:underline}
.fl-small-lnk{font-size:12px}

/* ===== redesign: brand, nav, home, ideas hub, flow strip / badge ===== */
.brand{gap:8px;flex:0 0 auto}
.brand-name{display:flex;flex-direction:column;line-height:1.05;font-size:15px;letter-spacing:.2px}
.brand-name .brand-sub{font-size:10.5px;letter-spacing:2.2px;text-transform:uppercase;color:var(--star);font-weight:700}
.tabs{gap:2px}
.tab{padding:8px 16px;font-size:14.5px}
.tab.tab-ideas{color:#e8d9a8}
.pg-h{margin:2px 0 8px;font-size:22px;font-weight:800}
@media (max-width:860px){
  .brand-sub{display:block!important}
  .brand-name{font-size:12.5px}.brand-name .brand-sub{font-size:8.5px;letter-spacing:1.6px}
  .brand .logo{font-size:19px}
  .bottom-nav{grid-template-columns:repeat(6,1fr)!important}
  .bottom-nav button{font-size:10.5px!important}
  .bottom-nav button span{font-size:19px}
  .pg-h{font-size:19px}
}
/* heat meter */
span.heat{display:inline-flex;align-items:center;gap:2px;vertical-align:middle;margin-left:6px}
.heat i{width:5px;height:11px;border-radius:2px;background:#2a354c;display:inline-block}
.heat em{font-style:normal;font-size:10px;color:var(--muted);margin-left:4px;font-weight:700}
.heat.h-bullish i.on{background:linear-gradient(180deg,#4ade80,#16a34a)}
.heat.h-bearish i.on{background:linear-gradient(180deg,#fb7185,#dc2626)}
.heat.h-mixed i.on,.heat.h-none i.on{background:linear-gradient(180deg,#fcd34d,#d97706)}
.heat i:nth-child(1){height:7px}.heat i:nth-child(2){height:9px}.heat i:nth-child(4){height:13px}.heat i:nth-child(5){height:15px}
.fl-ph{display:inline-flex;gap:2px;margin-left:6px;vertical-align:middle}
.fl-ph i{width:4px;height:9px;border-radius:2px;background:#2a354c}.fl-ph i.on{background:#f5b942}
.up{color:var(--green)}.dn{color:var(--red)}.mx{color:var(--amber)}
/* flow strip */
.fs-card{border-color:#2a3a5a;background:linear-gradient(180deg,#121b2e,#111827)}
.fs-t{margin-bottom:8px}
.fs-main{display:grid;grid-template-columns:minmax(0,1.4fr) auto minmax(0,1fr);gap:14px;align-items:center;margin-bottom:10px}
.fs-split .fl-split{display:flex;width:100%;height:10px;margin-bottom:5px}
.fs-net{text-align:center;padding:2px 14px;border-left:1px solid var(--line);border-right:1px solid var(--line)}
.fs-net small{display:block;color:var(--muted);font-size:10.5px;text-transform:uppercase;letter-spacing:.5px}
.fs-net b{font-size:22px;font-variant-numeric:tabular-nums}
.fs-ix{display:flex;flex-direction:column;gap:3px;font-size:12px}.fs-ix small{color:var(--muted);font-size:10.5px;text-transform:uppercase;letter-spacing:.5px}
.fs-idx{color:var(--text);text-decoration:none;font-variant-numeric:tabular-nums}
.fs-row{display:flex;gap:10px;align-items:flex-start;margin:6px 0}.fs-row>small{color:var(--muted);font-size:10.5px;text-transform:uppercase;letter-spacing:.5px;min-width:64px;padding-top:6px}
.fs-chips{display:flex;flex-wrap:wrap;gap:6px;flex:1}
.fs-hot{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:999px;background:#0f1626;border:1px solid var(--line);color:var(--text);text-decoration:none;font-size:12px}
.fs-hot b{font-size:12.5px}.fs-hot span{color:var(--muted);font-variant-numeric:tabular-nums}.fs-hot .heat{margin-left:0}
.fs-hot.up{border-color:rgba(34,197,94,.35)}.fs-hot.dn{border-color:rgba(239,68,68,.35)}
.fs-hot.up b,.fs-hot.dn b,.fs-hot.mx b{color:var(--text)}
.fs-note{margin-top:6px;font-size:11px}
.fs-row a{color:inherit;text-decoration:none;font-weight:700}
@media (max-width:700px){.fs-main{grid-template-columns:1fr 1fr}.fs-split{grid-column:1/-1}.fs-net{border:0;text-align:left;padding:0}.fs-row{flex-direction:column;gap:2px}.fs-row>small{padding-top:0}}
/* flow badge on ideas */
.fb{border:1px solid var(--line);border-left:3px solid var(--amber);background:#0f1626;border-radius:10px;padding:8px 10px;margin:8px 0}
.fb-up{border-left-color:var(--green)}.fb-dn{border-left-color:var(--red)}
.fb-h{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:13px}
.fb-more{margin-left:auto;color:var(--blue);text-decoration:none}
.fb-ag{font-style:normal;font-size:10.5px;font-weight:700;padding:1px 7px;border-radius:999px}
.fb-ag.ok{background:rgba(34,197,94,.15);color:var(--green)}.fb-ag.no{background:rgba(239,68,68,.15);color:var(--red)}
.fb-s{display:flex;align-items:center;gap:10px;margin:6px 0 4px}.fb-s .fl-split{flex:0 0 38%;height:8px}
.fb-k{display:flex;gap:6px 14px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.fb-k b{color:var(--text);font-variant-numeric:tabular-nums}
.fb-top{display:flex;flex-direction:column;gap:3px;margin-top:6px}.fb-top small{color:var(--muted);font-size:10.5px;text-transform:uppercase;letter-spacing:.5px}
.fb-c{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;font-size:12px;color:var(--text);text-decoration:none;padding:3px 6px;border-radius:6px;background:#121a2b}
.fb-c span{color:var(--muted);font-variant-numeric:tabular-nums}.fb-c:hover{background:#18233a}
/* ideas hub */
.hub-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}
.hub-tabs{display:flex;gap:6px;overflow-x:auto;padding:2px 0 6px;margin:0 0 8px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.hub-tabs button{flex:0 0 auto;display:grid;grid-template-columns:auto auto;gap:0 8px;align-items:center;text-align:left;background:var(--panel);border:1px solid var(--line);color:var(--muted);border-radius:12px;padding:8px 12px;cursor:pointer;min-width:112px}
.hub-tabs button b{color:var(--text);font-size:14px;grid-column:1}
.hub-tabs button small{grid-column:1;font-size:10.5px}
.hub-tabs button i{grid-column:2;grid-row:1/3;font-style:normal;font-weight:800;font-size:12px;color:var(--star);align-self:center}
.hub-tabs button.active{background:var(--panel2);border-color:var(--star);box-shadow:0 0 0 1px rgba(251,191,36,.25)}
.hub-desc{background:#101728;border:1px solid var(--line);border-radius:12px;padding:10px 14px;margin-bottom:8px;font-size:13px;line-height:1.5}
.hub-desc .hd-t{font-size:15px;margin-bottom:2px}.hub-desc .hd-b{margin-top:5px;color:var(--muted)}.hub-desc .hd-b b{color:var(--text)}
.hub-filters{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-bottom:10px}
.hub-filters .sep{width:1px;height:20px;background:var(--line);margin:0 4px}
.chipf{background:var(--panel);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:5px 12px;font-size:12.5px;cursor:pointer;font-weight:600}
.chipf.on{background:rgba(79,140,255,.16);border-color:var(--blue);color:#cfe0ff}
.hub-filters select{background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:999px;padding:5px 10px;font-size:12.5px}
.hub-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:12px;align-items:start}
@media (max-width:520px){.hub-list{grid-template-columns:1fr}}
.hc{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--green);border-radius:14px;padding:12px 13px;min-width:0}
.hc.put{border-left-color:var(--red)}
.hc.best{box-shadow:0 0 0 1px rgba(251,191,36,.55),0 6px 24px rgba(251,191,36,.07);background:linear-gradient(180deg,#171c2a,var(--panel))}
.hc-top{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.hc-rank{color:var(--muted);font-weight:700;font-size:12px}
.hc-best{background:linear-gradient(90deg,#fbbf24,#f59e0b);color:#1c1403;font-weight:800;font-size:10.5px;padding:2px 8px;border-radius:999px;letter-spacing:.3px}
.hc-act{font-size:10.5px;font-weight:800;padding:2px 8px;border-radius:6px;letter-spacing:.5px}
.hc-act.call{background:rgba(34,197,94,.15);color:var(--green);border:1px solid rgba(34,197,94,.4)}
.hc-act.put{background:rgba(239,68,68,.15);color:var(--red);border:1px solid rgba(239,68,68,.4)}
.hc-tk{font-size:16px}.hc-src{margin-left:auto;font-size:10.5px;color:var(--muted)}
.hc-title{font-size:17px;font-weight:800;margin:6px 0 1px;word-break:break-word}
.hc-sub{margin-bottom:8px}
.hc-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:8px}
.hc-kpis>div{background:#0f1626;border:1px solid var(--line);border-radius:9px;padding:6px 8px;min-width:0}
.hc-kpis small,.hc-big small{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.4px}
.hc-kpis b{font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap}
@media (max-width:420px){.hc-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
.hc-odds{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:6px;margin-bottom:6px}
.hc-big{background:#0f1626;border-radius:9px;padding:6px 8px;border:1px solid var(--line);min-width:0}
.hc-big b{font-size:20px;font-weight:800;font-variant-numeric:tabular-nums}
.hc-big small{text-transform:none;font-size:10.5px;letter-spacing:0;line-height:1.25;margin-top:1px}
.hc-big.ev b{font-size:18px}
.hc-line{display:flex;gap:10px;align-items:center;flex-wrap:wrap;min-height:0;margin-bottom:4px}.hc-line:empty{display:none}
.hc-mult{background:rgba(167,139,250,.15);color:#c9b6ff;border:1px solid rgba(167,139,250,.4);font-size:11px;font-weight:800;padding:1px 8px;border-radius:999px}
.hc-plan{display:flex;flex-direction:column;gap:2px;font-size:12.5px;margin:4px 0}
.hc-live{font-size:12.5px;background:rgba(79,140,255,.08);border:1px solid rgba(79,140,255,.22);border-radius:8px;padding:6px 9px;margin:6px 0}
.hc-why{font-size:13px;line-height:1.5;margin:6px 0 4px;color:#d6deee}
.hc-conf{display:flex;gap:5px;flex-wrap:wrap;margin:4px 0}
.cf{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;border:1px solid var(--line);color:var(--muted);cursor:help}
.cf i{font-style:normal}.cf.ok{color:var(--green);border-color:rgba(34,197,94,.4);background:rgba(34,197,94,.08)}.cf.no{color:var(--red);border-color:rgba(239,68,68,.4);background:rgba(239,68,68,.08)}
.hc-note{margin-top:6px;line-height:1.4}.hc-links{margin-top:6px}
.hub-desc,.hc{overflow-wrap:anywhere}
/* home */
.hh-card{border-color:#3a3320;background:linear-gradient(180deg,#171a22,#121826)}
.hm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.hm{display:block;background:#0f1626;border:1px solid var(--line);border-left:3px solid var(--green);border-radius:12px;padding:9px 11px;color:var(--text);text-decoration:none}
.hm.put{border-left-color:var(--red)}.hm:hover{background:#141d33}
.hm-1{display:flex;gap:7px;align-items:center}.hm-1 .muted{margin-left:auto}
.hm-t{font-weight:700;margin:5px 0 4px;font-size:14.5px}
.hm-k{display:flex;flex-wrap:wrap;gap:3px 12px;font-size:12px;color:var(--muted)}.hm-k b{color:var(--text)}.hm-k b.dn{color:var(--red)}.hm-k b.up{color:var(--green)}
.hm-f{margin-top:5px}
.hh-note{margin-top:8px}
.home-tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:14px}
.ht{display:flex;flex-direction:column;gap:1px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px 12px;color:var(--text);text-decoration:none}
.ht:hover{background:var(--panel2);border-color:#34415e}.ht b{font-size:15px}.ht small{color:var(--muted);font-size:11px}
.ht-n{font-size:12px;color:var(--muted)}.ht-n i{font-style:normal;color:var(--star);font-weight:800}
@media (max-width:900px){.home-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:480px){.home-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
.more-sig>summary{cursor:pointer;list-style:none}.more-sig[open]>summary{margin-bottom:10px}
.more-sig .card{background:#0f1626}
.more-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;margin-bottom:12px}
.mcard{display:flex;flex-direction:column;gap:3px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 14px;color:var(--text);text-decoration:none}
.mcard:hover{background:var(--panel2)}.mcard b{font-size:15px}.mcard span{color:var(--muted);font-size:12.5px}
.hub-top .muted{max-width:100%}

.fs-t a,.hub-head a,.hm-more a,.card-title a.small{color:var(--blue);text-decoration:none;font-weight:600}
@media (max-width:700px){
 .fs-chips{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px;margin-right:-4px}.fs-hot{flex:none}
 .fs-row.small{display:none}.fs-note{display:none}.fs-main{gap:8px}
}

/* ===== simple home, BUY NOW / WATCH cards, sell plan ===== */
body[data-view="home"] main,#view-ideas{font-size:15px}
.home-hero{margin:6px 0 12px}.hh-h{font-size:30px;line-height:1.15;margin:0 0 4px;font-weight:800;letter-spacing:-.3px}
.hb-wrap{margin-bottom:14px}
.hb-head{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin:4px 0 8px;font-size:18px}.hb-head b{font-size:20px}.hb-head a{margin-left:auto;color:var(--blue);text-decoration:none;font-weight:600}.hb-head.sub{margin-top:14px;font-size:16px}
.hb-none{background:linear-gradient(180deg,#1b1a12,#151826);border:1px solid #4a3f1c;border-radius:14px;padding:14px 16px;margin-bottom:10px;display:flex;flex-direction:column;gap:4px;font-size:15px}.hb-none b{font-size:19px;color:var(--amber)}.hb-none span{color:#cfd7e8}.hb-none a{color:var(--blue);text-decoration:none;font-weight:600}
.hm-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.hm{background:var(--panel);border:1px solid var(--line);border-left:5px solid var(--green);border-radius:16px;padding:13px 15px;display:flex;flex-direction:column;gap:7px}
.hm.put{border-left-color:var(--red)}.hm.bn{box-shadow:0 0 0 1px rgba(34,197,94,.55),0 8px 28px rgba(34,197,94,.10)}.hm.wt{box-shadow:0 0 0 1px rgba(245,185,66,.35)}
.hm-1{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.hm-tk{font-size:20px}.hm-t{font-size:18px;font-weight:800;margin:0}
.hm-k{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 10px;font-size:13px}.hm-k span{background:#0f1626;border:1px solid var(--line);border-radius:10px;padding:6px 9px;min-width:0}.hm-k small{display:block;color:var(--muted);font-size:10.5px;text-transform:uppercase;letter-spacing:.4px}.hm-k b{font-size:16px;white-space:nowrap}
.hm-why{font-size:14px;line-height:1.5;color:#dbe3f3}.hm-sell{font-size:13px;line-height:1.45;color:#cfd7e8;background:rgba(79,140,255,.08);border:1px solid rgba(79,140,255,.22);border-radius:10px;padding:7px 10px}.hm-sell:empty{display:none}
.hm-f{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:2px}.hm-open{margin-left:auto;color:var(--blue);text-decoration:none;font-weight:600}
.hc-badge{font-size:12px;font-weight:900;letter-spacing:.6px;padding:3px 10px;border-radius:999px}
.hc-badge.bn{background:var(--green);color:#04210e}.hc-badge.wt{background:rgba(245,185,66,.18);color:var(--amber);border:1px solid rgba(245,185,66,.55)}.hc-badge.bb{background:linear-gradient(90deg,#fbbf24,#f59e0b);color:#1c1403}
.badgeslot:empty{display:none}
.sellbar{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;border-radius:10px;padding:7px 11px;font-size:13px;margin:0 0 6px;line-height:1.35}.sellbar b{font-size:13.5px;letter-spacing:.5px}
.sellbar.now{background:rgba(239,68,68,.18);border:1px solid var(--red);color:#ffd7d7}.sellbar.now b{color:#fff;background:var(--red);padding:1px 8px;border-radius:6px}
.sellbar.today{background:rgba(245,185,66,.16);border:1px solid var(--amber);color:#ffe8b8}.sellbar.today b{color:#1c1403;background:var(--amber);padding:1px 8px;border-radius:6px}
.sellbar.hold{background:rgba(255,255,255,.03);border:1px solid var(--line);color:var(--muted);font-size:12px;padding:5px 10px}.sellbar.hold b{color:var(--text);font-size:11px}
.sellslot:empty{display:none}
.hc{padding:15px 16px;border-radius:16px;margin-bottom:0}.hc.bn{border-left-color:var(--green);box-shadow:0 0 0 1px rgba(34,197,94,.55),0 8px 28px rgba(34,197,94,.10)}.hc.wt{box-shadow:0 0 0 1px rgba(245,185,66,.35)}
.hc-title{font-size:21px}.hc-tk{font-size:19px}
.hc-k6{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:9px 0 8px}.hc-k6>div{background:#0f1626;border:1px solid var(--line);border-radius:10px;padding:8px 10px;min-width:0}.hc-k6 small{display:block;color:var(--muted);font-size:10.5px;text-transform:uppercase;letter-spacing:.4px}.hc-k6 b{font-size:18px;font-variant-numeric:tabular-nums;white-space:nowrap}
.hc-sellbox{font-size:14px;line-height:1.5;background:rgba(79,140,255,.08);border:1px solid rgba(79,140,255,.25);border-radius:10px;padding:9px 12px;margin:6px 0}.hc-sellbox b{color:#9db8ff;margin-right:4px}
.hc-why{font-size:15px;line-height:1.5}.hc-lines{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:4px 0}.hc-lines:empty{display:none}
.hc-fl{font-weight:700;font-size:13px}.hc-fl.up{color:var(--green)}.hc-fl.dn{color:var(--red)}.hc-fl.mx{color:var(--amber)}
.hc-ins{font-weight:700;font-size:12.5px;padding:2px 9px;border-radius:999px;border:1px solid var(--line)}.hc-ins.up{color:var(--green);border-color:rgba(34,197,94,.5);background:rgba(34,197,94,.1)}.hc-ins.dn{color:var(--red);border-color:rgba(239,68,68,.5);background:rgba(239,68,68,.1)}.hc-ins.mx{color:var(--muted)}
.hc-needs{font-size:13px;color:var(--amber);background:rgba(245,185,66,.08);border:1px solid rgba(245,185,66,.3);border-radius:10px;padding:7px 11px;margin:6px 0}
.hc-more{margin-top:8px;border-top:1px dashed var(--line);padding-top:6px}.hc-more>summary{cursor:pointer;color:var(--blue);font-weight:600;font-size:13px;padding:4px 0}
.hc-reason{font-size:13px;color:var(--muted);margin:6px 0}
.chk-h{font-weight:700;font-size:13px;margin:8px 0 4px}.chk{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}.chk li{display:flex;gap:8px;align-items:flex-start;font-size:13px}.chk li i{font-style:normal;font-weight:900;width:18px;text-align:center}.chk li.ok i{color:var(--green)}.chk li.no i{color:var(--red)}.chk small{display:block;color:var(--muted);font-size:11.5px}
.hub-h3{margin:16px 0 8px;font-size:17px}
.hub-adv{display:inline-block;margin-left:6px}.hub-adv>summary{cursor:pointer;color:var(--blue);font-size:13px;display:inline-block;padding:4px 8px}.hub-adv>div{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.hub-bar{margin-top:8px}.hub-bar>summary{cursor:pointer;color:var(--blue);font-weight:600}.hub-bar ol{margin:6px 0 0 18px;padding:0;font-size:13.5px;line-height:1.55}
.hub-tabs button.t-now{border-color:rgba(34,197,94,.55)}.hub-tabs button.t-now b{color:var(--green)}.hub-tabs button.active.t-now{box-shadow:0 0 0 1px rgba(34,197,94,.4)}
.hub-desc{font-size:15px;line-height:1.5}.hub-desc .hd-t{font-size:18px}
.ins-card{font-size:14px}.ins-row{display:grid;grid-template-columns:62px minmax(0,1fr) auto auto auto;gap:4px 10px;align-items:baseline;padding:6px 0;border-bottom:1px solid var(--line)}.ins-row:last-of-type{border-bottom:0}.ins-row b a{color:var(--text);text-decoration:none}.ins-who{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ins-v{font-weight:800}.ins-row a.small{color:var(--blue);text-decoration:none}.ins-note{margin-top:6px}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:6px 0 14px}.step{display:flex;gap:11px;align-items:flex-start;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px 14px}.step i{flex:none;width:30px;height:30px;border-radius:50%;background:var(--star);color:#1c1403;font-style:normal;font-weight:900;display:flex;align-items:center;justify-content:center}.step b{display:block;font-size:16px}.step span{display:block;color:var(--muted);font-size:13px;line-height:1.4}
.fline-card{padding:8px 12px}.fline{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.fline .fl-split{width:120px}.fl-lbl{font-weight:800}.fl-net{font-weight:800}.fl-net.up{color:var(--green)}.fl-net.dn{color:var(--red)}.fl-net.mx{color:var(--amber)}.fline a.small{margin-left:auto;color:var(--blue);text-decoration:none;font-weight:600}.fline .fs-chips{flex-wrap:wrap}
.ht-head{grid-column:1/-1;font-weight:700;font-size:15px;color:var(--muted);margin-top:2px}
.home-tiles{margin:8px 0 14px}
@media (max-width:700px){
  .hh-h{font-size:26px}.steps{grid-template-columns:1fr}.hm-grid{grid-template-columns:1fr}.hm-k b{font-size:15px}.hc-k6 b{font-size:16px}.hc-title{font-size:19px}
  .ins-row{grid-template-columns:54px minmax(0,1fr) auto}.ins-row>span.muted,.ins-row>a.small{grid-column:2/4}.fline .fs-chips{display:none}.fline .fl-split{width:80px}
  .hub-tabs button{padding:7px 10px}
}

.hub-h3{grid-column:1/-1}
#hubStrip.fs-card{padding:8px 12px}

/* ---- GEX buy-zone guide */
.gz-card{border-color:#2b4a3f}
.gz-top{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:2px 0 8px}
.gz-pill{font-weight:800;font-size:12px;letter-spacing:.04em;padding:5px 10px;border-radius:999px;white-space:nowrap}
.gz-pill.buy{background:#14532d;color:#86efac;border:1px solid #22c55e}.gz-pill.sell{background:#4c0519;color:#fda4af;border:1px solid #f43f5e}
.gz-pill.wait{background:#422006;color:#fcd34d;border:1px solid #f59e0b}.gz-pill.none{background:#1e293b;color:#cbd5e1;border:1px solid #475569}
.gz-head{font-size:21px;font-weight:800;line-height:1.25;flex:1;min-width:240px}
.gz-live{font-size:15px;padding:9px 12px;border-radius:10px;margin:4px 0 10px;background:#0f172a;border:1px solid #1e293b}
.gz-live.buy{background:#052e1b;border-color:#16a34a}.gz-live.sell{background:#3b0a17;border-color:#e11d48}.gz-live.wait{background:#2a1a05;border-color:#b45309}
.gz-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:8px 0}
.gz-t{background:#0f172a;border:1px solid #1e293b;border-radius:10px;padding:9px 11px}
.gz-t.wide{grid-column:1/-1}.gz-t .k{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#8a96ad}
.gz-t .v{font-size:19px;font-weight:800;margin-top:2px}.gz-t .s{font-size:12px;color:#8a96ad;margin-top:2px}
.gz-sub{font-size:14.5px;line-height:1.5;margin:6px 0;color:#d6deee}.gz-bt{font-size:12.5px;line-height:1.5;color:#9fb0cc;margin-top:8px;padding-top:8px;border-top:1px solid #1e293b}
/* ---- GEX strike table */
.gt-ctrl{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.gt-sel{background:#161f31;color:#e2e8f0;border:1px solid #2a3550;border-radius:7px;padding:5px 6px;font-size:12px}
.gt-sum{display:flex;gap:16px;flex-wrap:wrap;font-size:13.5px;margin:6px 0 8px}.gt-sum b.pos{color:#2dd4bf}.gt-sum b.neg{color:#f472b6}.gt-k2{margin-left:auto;color:#fbbf24;font-weight:700}
.gt-scroll{max-height:560px;overflow:auto;border:1px solid #1b2436;border-radius:10px;background:#0b1220}
table.gt{width:100%;border-collapse:collapse;font-size:13.5px;font-variant-numeric:tabular-nums}
table.gt th{position:sticky;top:0;background:#111a2e;z-index:2;text-align:left;padding:8px 10px;font-size:12px;color:#9fb0cc;white-space:nowrap}
table.gt td{padding:6px 10px;border-top:1px solid #131c2f;vertical-align:middle}
.gt-k{white-space:nowrap}.gt-k b{font-size:15px;margin-right:6px}
.gt-m span.pos,.gt-net .pos{color:#2dd4bf}.gt-m span.neg{color:#f472b6}.gt-m span.z{color:#475569}
.gt-bar{position:relative;height:24px;background:#0f172a;border-radius:6px;overflow:hidden;min-width:130px}
.gt-bar i{position:absolute;top:0;bottom:0}.gt-bar i.p{background:linear-gradient(90deg,#0f766e,#2dd4bf)}.gt-bar i.n{background:linear-gradient(270deg,#9d174d,#f472b6)}
.gt-bar span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12.5px;color:#fff;text-shadow:0 0 3px #000}
.gt-bar:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:#334155}
.gt-cp{font-size:11px;color:#8a96ad;margin-top:2px}.only-m{display:none}
.gt-oi{white-space:nowrap}.gt-ob{display:inline-block;width:62px;height:8px;background:#1e293b;border-radius:4px;vertical-align:middle;margin-right:7px;overflow:hidden}
.gt-ob i{display:block;height:100%;background:#be185d}.gt-ob i b{display:block;height:100%;background:#14b8a6}
.gt-oi em,.gt-vol em{display:block;font-style:normal;font-size:11px;color:#8a96ad}.gt-vol span{font-weight:600}
tr.gt-king td{background:#2a2410}tr.gt-king .gt-k b{color:#fbbf24}tr.gt-wall td{background:#161225}
tr.gt-zone.buy td{background:#0d2a1d;box-shadow:inset 3px 0 #22c55e}tr.gt-zone.sell td{background:#2a0d17;box-shadow:inset 3px 0 #f43f5e}
tr.gt-spot td{padding:0;border:0;background:#0b1220}.gt-spot td{position:relative;height:26px}
.gt-pill{display:inline-block;background:#facc15;color:#111827;font-weight:800;font-size:12px;border-radius:999px;padding:2px 10px;margin-left:8px;position:relative;z-index:1}
.gt-sl{position:absolute;left:0;right:0;top:50%;height:2px;background:#facc15;opacity:.75}.gt-sub{position:relative;z-index:1;margin-left:10px;font-size:12px;color:#fde68a;font-weight:700}
.lt{font-style:normal;font-size:10px;font-weight:800;border-radius:5px;padding:1px 5px;margin-right:4px;vertical-align:middle;border:1px solid}
.lt.cw{color:#f9a8d4;border-color:#9d174d}.lt.pw{color:#5eead4;border-color:#0f766e}.lt.fl{color:#fde047;border-color:#a16207}.lt.kg{color:#fbbf24;border-color:#a16207}
.lt.zone.buy{color:#86efac;border-color:#16a34a}.lt.zone.sell{color:#fda4af;border-color:#e11d48}.lt.tgt{color:#6ee7b7;border-color:#059669}.lt.stp{color:#fca5a5;border-color:#dc2626}
@media (max-width:720px){
  .hide-m{display:none}.only-m{display:block}
  .gz-head{font-size:18px}.gz-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  table.gt{font-size:14px}table.gt td,table.gt th{padding:7px 7px}.gt-bar{min-width:0}.gt-scroll{max-height:520px}
  .gt-k b{font-size:16px}.gt-k .lt{display:inline-block;margin-top:3px}.gt-oi .gt-ob{width:40px}
  .gt-k2{margin-left:0;width:100%}
}

/* ---- any-ticker pages ---- */
.ts-no{font-style:normal;font-size:9.5px;color:#94a3b8;border:1px solid #334155;border-radius:5px;padding:0 4px;margin-left:6px}
#anyTop{display:flex;flex-direction:column;gap:14px;margin-bottom:14px}#anyTop.hidden{display:none}
#anyTop .grid-2{align-items:start}
.any-chart{width:100%;height:380px;position:relative}
.any-verdict{margin:6px 0 10px;padding:9px 12px;border-radius:10px;background:var(--panel2,#111a2e);border:1px solid var(--line);font-size:14px;line-height:1.45}
.any-verdict.ok{border-color:rgba(34,197,94,.5);background:rgba(34,197,94,.07)}
.any-ideas{display:flex;flex-direction:column;gap:10px}
.any-idea{border:1px solid var(--line);border-radius:12px;padding:11px 12px;background:var(--panel2,#0e1627)}
.any-idea.ok{border-color:rgba(34,197,94,.55)}
.ai-top{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;margin-bottom:8px}
.ai-top b{font-size:15px}
.hc-badge.up{background:rgba(34,197,94,.18);color:#4ade80;border:1px solid rgba(34,197,94,.5)}.hc-badge.dn{background:rgba(239,68,68,.16);color:#f87171;border:1px solid rgba(239,68,68,.5)}
.ai-tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:8px}
.ai-tiles>div{background:rgba(255,255,255,.03);border-radius:8px;padding:6px 8px}
.ai-tiles i{display:block;font-style:normal;font-size:11px;color:var(--muted)}.ai-tiles b{font-size:15px}
.ai-ev,.ai-sell{font-size:13px;line-height:1.5;margin-top:4px}
.ai-banner{margin-top:8px;padding:7px 10px;border-radius:8px;font-size:13.5px;font-weight:700;background:rgba(148,163,184,.1)}
.ai-banner:empty{display:none}.ai-banner.tp{background:rgba(34,197,94,.2);color:#4ade80}.ai-banner.sl{background:rgba(239,68,68,.2);color:#f87171}.ai-banner.time{background:rgba(245,185,66,.2);color:var(--amber)}
@media(max-width:720px){.ai-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.any-chart{height:300px}#anyTop .th-links a{padding:4px 8px}}

@media(max-width:720px){
  table.gt{table-layout:fixed;width:100%}table.gt th{font-size:10.5px;padding:6px 4px}table.gt td{padding:7px 4px}
  table.gt th:nth-child(1){width:27%}table.gt th:nth-child(4){width:41%}table.gt th:nth-child(5){width:16%}table.gt th:nth-child(6){width:16%}
  .gt-ob{display:none}.gt-oi{white-space:normal}.gt-cp{font-size:10px;white-space:normal;line-height:1.25}
  .gt-bar span{font-size:12px}.gt-k b{font-size:15px;margin-right:0;display:block}.gt-k .lt{display:inline-block;margin:2px 3px 0 0;font-size:9px;padding:0 4px}
  .gt-oi span,.gt-vol span{font-size:12.5px}.only-m{display:inline}.gt-cp.only-m{display:block}td.gt-vol.only-m{display:table-cell}
}
@media(max-width:720px){.gt-oi em,.gt-vol em{font-size:9.5px;white-space:nowrap;letter-spacing:-.2px}}

/* ---- dark only: no light theme anywhere, whatever the device setting is ---- */
html{color-scheme:dark;background:#0b0f17}
input,select,textarea,button,details,summary{color-scheme:dark}
input,select,textarea{background-color:#161f31;color:#e6ebf5;border-color:#2a3550}
input::placeholder{color:#6b7891}
option{background:#161f31;color:#e6ebf5}
*{scrollbar-color:#2a3550 #0b0f17}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0b0f17}::-webkit-scrollbar-thumb{background:#2a3550;border-radius:6px}
::selection{background:#334a85;color:#fff}

/* ---- Finviz-style home: heatmap + screener ---- */
.hx-card,.sc-card{padding:10px 12px}
.hx-ctrl{display:flex;gap:6px;flex-wrap:wrap}
.hx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));grid-auto-rows:50px;grid-auto-flow:dense;gap:3px}
.hx{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:5px;color:#fff;text-decoration:none;line-height:1.15;min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.06);background:#1a2132}
.hx b{font-size:13px}.hx span{font-size:12px;font-weight:700}.hx small{font-size:10px;opacity:.8}
.hx.hx-m{grid-column:span 2}.hx.hx-l{grid-column:span 2;grid-row:span 2}.hx.hx-l b{font-size:18px}.hx.hx-l span{font-size:15px}
.hx:hover{outline:2px solid #fff8}
.hx-leg{margin-top:6px;font-size:11px;color:var(--muted)}.hx-leg i{display:inline-block;width:14px;height:9px;border-radius:2px;vertical-align:middle;margin:0 3px 0 8px}
.sc-presets{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:7px}
.sc-p{background:var(--panel2,#171f30);border:1px solid var(--line);color:#c4cde0;border-radius:6px;padding:4px 9px;font-size:12px;font-weight:700;cursor:pointer}
.sc-p i{font-style:normal;font-weight:600;color:var(--muted);margin-left:3px}
.sc-p.active{background:#25346a;border-color:#4f8cff;color:#fff}
.sc-tools{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-bottom:7px;flex-wrap:wrap}
#scQ{flex:1;min-width:170px;max-width:340px;border:1px solid var(--line);border-radius:7px;padding:6px 9px;font-size:13px}
.sc-scroll{max-height:640px;overflow:auto;border:1px solid #1b2436;border-radius:8px;background:#0b1220}
table.sc{font-size:12.5px;border-collapse:separate;border-spacing:0}
table.sc th{position:sticky;top:0;z-index:2;background:#111a2e;cursor:pointer;padding:6px 8px;user-select:none;border-bottom:1px solid #2a3550}
table.sc th.sorted{color:#fff}
table.sc td{padding:4px 8px;border-bottom:1px solid #162033;line-height:1.25}
table.sc tbody tr{cursor:pointer}table.sc tbody tr:hover td{filter:brightness(1.25);background-color:#16213a}
table.sc td.sc-c{font-weight:700;text-align:center;color:#f1f5f9;min-width:58px}
table.sc th:nth-child(n+2){text-align:right}table.sc th:nth-child(3),table.sc th:nth-child(6),table.sc th:nth-child(11){text-align:center}
table.sc td:nth-child(4),table.sc td:nth-child(5),table.sc td:nth-child(12){text-align:center}
table.sc th:nth-child(4),table.sc th:nth-child(5),table.sc th:nth-child(12),table.sc th:nth-child(10),table.sc td:nth-child(10){text-align:left}
.sc-t{white-space:nowrap}.sc-t a{color:#e6ebf5;text-decoration:none}.sc-t b{font-size:13px}.sc-n{color:var(--muted);font-size:11px;margin-left:7px;display:inline-block;max-width:150px;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom}
.sc-w{font-style:normal;color:#fbbf24;font-size:10px;margin-left:3px}
.sc-near{color:#fde047;font-weight:700}.sc-near small{color:#fde047}
table.sc small{color:var(--muted);font-size:10.5px}
.sc-i{max-width:240px;overflow:hidden;text-overflow:ellipsis}.sc-i a{color:#c4d4f5;text-decoration:none}.sc-i a:hover{text-decoration:underline}
.sc-tag{font-style:normal;font-size:9.5px;font-weight:800;padding:0 5px;border-radius:4px;vertical-align:1px}
.sc-tag.bn{background:var(--green);color:#04210e}.sc-tag.wt{background:rgba(245,185,66,.18);color:var(--amber);border:1px solid rgba(245,185,66,.5)}.sc-tag.ins{background:rgba(34,197,94,.18);color:#4ade80;border:1px solid rgba(34,197,94,.5)}
.sc-empty{text-align:center!important;color:var(--muted);padding:18px!important;white-space:normal!important}
@media(max-width:720px){
  .hx-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));grid-auto-rows:46px}.hx.hx-l{grid-row:span 2}
  .hx-ctrl{width:100%}.hx-ctrl .seg-group{flex:1}.hx-ctrl .seg{flex:1;padding:4px 4px}
  table.sc{font-size:12px;table-layout:fixed;width:100%}table.sc th,table.sc td{padding:5px 4px}
  table.sc th:nth-child(1){width:23%}table.sc th:nth-child(2){width:17%}table.sc th:nth-child(3){width:15%}table.sc th:nth-child(6){width:13%}table.sc th:nth-child(11){width:12%}
  .sc-n{display:none}.sc-t{overflow:hidden}.sc-i{white-space:normal!important;max-width:none;font-size:11px;line-height:1.2}.sc-i .sc-tag{display:block;width:max-content;margin-top:2px}
  table.sc td.sc-c{min-width:0}.sc-scroll{max-height:560px}.sc-tools{flex-direction:column;align-items:stretch}#scQ{max-width:none}
}

/* ---- Compact density (default): more rows and strikes on screen, smaller type, tight padding ---- */
body.dense{font-size:13px;line-height:1.35}
body.dense main#main{padding-top:10px}
body.dense .card{padding:10px 12px;margin-bottom:10px;border-radius:10px}
body.dense .card-title{margin-bottom:7px;font-size:13.5px}
@media(min-width:721px){body.dense .topbar{padding:6px 16px;gap:14px}}
body.dense .chip{padding:3px 9px;font-size:12px}
body.dense .home-hero{margin:2px 0 8px}body.dense .hh-h{font-size:26px}
body.dense .steps{gap:6px;margin:2px 0 8px}body.dense .step{padding:6px 9px;font-size:12px}
body.dense table th{padding:4px 7px;font-size:10.5px}
body.dense table td{padding:3px 7px;font-size:12.5px}
body.dense table.scanner td,body.dense table.scanner th{padding:4px 6px}
body.dense table.sc th{padding:5px 7px}body.dense table.sc td{padding:2px 7px}
body.dense .sc-scroll{max-height:720px}
body.dense .hx-grid{grid-auto-rows:44px}
body.dense .hint{font-size:11.5px;margin-top:6px}
/* GEX strike table: ~22px rows, sticky header */
body.dense table.gt{font-size:12px}
body.dense table.gt th{position:sticky;top:0;z-index:2;background:#111a2e;padding:4px 7px;font-size:10px}
body.dense table.gt td{padding:1px 7px;line-height:1.15;border-bottom:1px solid #131c2e}
body.dense .gt-scroll{max-height:76vh}
body.dense .gt-k b{font-size:12.5px;margin-right:4px}
body.dense .gt-bar{height:17px;min-width:110px}body.dense .gt-bar span{font-size:11px}
body.dense .gt-oi em,body.dense .gt-vol em{display:inline;margin-left:5px;font-size:10px}
body.dense .gt-ob{width:44px;height:6px}
body.dense .lt{font-size:8.5px;padding:0 4px;margin-right:3px}
body.dense tr.gt-spot td{height:20px}body.dense .gt-pill{font-size:11px;padding:0 9px}
body.dense .gt-sum{font-size:12.5px;margin:3px 0 6px;gap:12px}
/* GEX heatmap */
body.dense table.heat{font-size:10.5px}
body.dense table.heat td{padding:1px 6px;min-width:62px}
body.dense table.heat th{padding:4px 6px;font-size:10px}
body.dense .heat-wrap{max-height:min(78vh,1000px)}
/* guide + other GEX cards */
body.dense .gz-card{padding:9px 12px}body.dense .gz-tiles>div{padding:5px 8px}
/* flow: tape-style single-line rows */
body.dense .fl-list{gap:2px}
body.dense .fl-card{display:flex;flex-wrap:wrap;align-items:center;gap:2px 10px;padding:3px 10px;border-radius:6px;border-left-width:3px}
body.dense .fl-card .fl-time{margin:0;font-size:11px;width:104px;flex:none}
body.dense .fl-card .fl-l1{flex:1 1 300px;gap:6px}body.dense .fl-card .fl-l2{flex:1 1 360px;margin-top:0;font-size:12px;gap:8px}
body.dense .fl-t{font-size:13px}body.dense .fl-k{padding:0 6px;font-size:12px}body.dense .fl-bar{height:15px;width:90px}
body.dense .fl-card .fl-ex{flex:1 0 100%}
body.dense .fl-tk{padding:4px 10px;border-radius:6px}body.dense .fl-tk2,body.dense .fl-tk3{margin-top:2px;gap:8px}
body.dense .fl-filters{padding:8px 10px}body.dense .fl-frow{gap:6px}
body.dense .hm-grid{gap:8px}
@media(max-width:720px){
  body.dense .fl-card .fl-time{width:auto}body.dense .fl-card .fl-l1,body.dense .fl-card .fl-l2{flex:1 0 100%}
  body.dense .fl-card{padding:5px 9px}
  body.dense table.gt td{padding:2px 4px}body.dense table.gt{font-size:12px}body.dense .gt-k b{font-size:13px}
  body.dense .gt-scroll{max-height:70vh}
  body.dense .chips-bar{top:44px}
}
body.dense .fl-filters{flex-direction:row;flex-wrap:wrap;align-items:center;gap:5px 6px}
body.dense .fl-frow{display:contents}
body.dense .fl-frow input[type=search],body.dense .fl-frow select{padding:4px 8px;font-size:12px;flex:0 1 auto;min-width:96px;border-radius:6px}
body.dense .fl-frow input[type=search]{flex:1 1 150px}
body.dense .fl-toggles{display:flex!important;gap:10px;font-size:12px}
body.dense #flSeg{margin:6px 0}body.dense #flSeg button{padding:5px 10px}
body.dense .ins-card{font-size:12.5px}body.dense .ins-row{padding:2px 0;gap:2px 10px}
body.dense .fs-card{padding:8px 12px}
body.dense .fl-tk{display:flex;flex-wrap:wrap;align-items:center;gap:2px 14px}body.dense .fl-tk1{flex:1 1 250px}body.dense .fl-tk2,body.dense .fl-tk3{margin-top:0}
body.dense .fl-split{height:6px;width:90px}
@media(max-width:720px){body.dense .fl-frow input[type=search],body.dense .fl-frow select{flex:1 1 44%}body.dense .fl-tk1,body.dense .fl-tk2,body.dense .fl-tk3{flex:1 0 100%}}
@media(min-width:900px){body.dense .fl-list{grid-template-columns:1fr}body.dense .fl-card .fl-time{width:230px;white-space:nowrap}body.dense .fl-card .fl-l1{flex:0 1 330px}body.dense .fl-card .fl-l2{flex:1 1 420px}}
@media(min-width:900px){body.dense .fl-card .fl-l1{flex:0 0 470px;flex-wrap:nowrap}body.dense .fl-card .fl-l2{flex:1 1 380px;flex-wrap:nowrap}}

@media(max-width:720px){
  table.sc th{font-size:10px;letter-spacing:0}
  table.sc th:nth-child(1){width:22%}table.sc th:nth-child(2){width:18%}table.sc th:nth-child(3){width:16%}table.sc th:nth-child(6){width:14%}table.sc th:nth-child(11){width:12%}
  table.sc td{padding:4px 3px}
  .sc-i{white-space:nowrap!important;text-overflow:ellipsis;overflow:hidden;max-width:0}.sc-i .sc-tag{display:none}
  .only-m{display:inline}
  body.dense .fl-op{display:none}body.dense .fl-card .fl-l1{flex-wrap:nowrap;gap:5px}body.dense .fl-card .fl-bar{width:78px;margin-left:auto}
  body.dense .fl-card .fl-l2{flex-wrap:wrap;gap:2px 8px}
}
@media(max-width:720px){body.dense .gt-oi em,body.dense .gt-vol em{display:none}}
.fs-chips,.fs-main,.fs-card>*{min-width:0}.fs-card{overflow:hidden}
.chips-bar{display:flex;align-items:center;gap:8px}.chips-bar .chips{flex:1;min-width:0}#densityBtn{flex:none;padding:4px 9px}
@media(max-width:720px){#densityBtn .dl{display:none}}
@media(max-width:720px){.topbar{gap:6px;padding:7px 8px}.tsearch{min-width:0;flex:1 1 120px}}

/* ===== Easy mode: ticker bar, GEX header, flow at a glance, ideas overview, start here ===== */
.tkbar{position:sticky;top:var(--hdr,52px);z-index:25;display:flex;align-items:center;gap:14px;padding:6px 16px;background:#0b0f17f2;backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.tkbar.hidden{display:none}
body.has-tk .chips-bar{position:static}
.tk-back{flex:none;color:var(--muted);text-decoration:none;font-weight:700;font-size:13px;padding:5px 9px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}
.tk-back:hover{color:var(--text);border-color:var(--blue)}
.tk-id{display:flex;align-items:baseline;gap:8px;min-width:0;flex:1}
.tk-sym{font-size:20px;letter-spacing:.3px}.tk-px{font-size:17px;font-weight:700}
.tk-name{color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.tk-ses{font-size:10px;font-weight:700;color:var(--amber);border:1px solid rgba(245,185,66,.4);border-radius:999px;padding:0 6px}
.tk-tabs{flex:none;display:flex;gap:4px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:3px}
.tk-tabs a{padding:6px 18px;border-radius:7px;color:var(--muted);text-decoration:none;font-weight:700;font-size:14px;text-align:center}
.tk-tabs a:hover{color:var(--text)}
.tk-tabs a.active{background:var(--blue);color:#fff}
.tk-tabs a.off{opacity:.45}
@media(max-width:720px){
  .tkbar{flex-wrap:wrap;gap:5px 8px;padding:5px 8px}
  .tk-back span{display:none}.tk-back{padding:5px 8px}
  .tk-name{display:none}.tk-sym{font-size:18px}
  .tk-tabs{flex:1 1 100%;order:3}.tk-tabs a{flex:1;padding:7px 4px}
}
/* any-ticker tabs */
#view-gex[data-at="gex"] #anyTop{display:none}
#view-gex[data-at="ideas"] #gexBody,#view-gex[data-at="chart"] #gexBody,#view-gex[data-at="ideas"] #howToGex,#view-gex[data-at="chart"] #howToGex{display:none}
#view-gex[data-at="ideas"] #anyChartCard,#view-gex[data-at="ideas"] #anyOutlook{display:none}
#view-gex[data-at="chart"] #anyIdeas,#view-gex[data-at="chart"] #anyFlow,#view-gex[data-at="chart"] #anyIns{display:none}
/* GEX header */
.gx-head{padding:10px 12px}
.gx-head:empty{display:none}
.gh-tiles{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.gh-t{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:7px 9px;min-width:0;display:flex;flex-direction:column;gap:1px}
.gh-t small{color:var(--muted);font-size:10.5px;text-transform:uppercase;letter-spacing:.4px;font-weight:700}
.gh-t b{font-size:17px;white-space:nowrap}
.gh-t span{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gh-t.up b{color:#2dd4bf}.gh-t.dn b{color:#fb7185}.gh-t.king b{color:var(--star)}.gh-t.spot b{color:#fde047}
.gh-row{margin-top:8px}
.gh-msg{display:block;padding:8px 11px;border-radius:9px;font-size:14px;line-height:1.35;border:1px solid var(--line);background:var(--panel2)}
.gh-msg.now{border-color:rgba(34,197,94,.6);background:rgba(34,197,94,.12);color:#bbf7d0}
.gh-msg.soon{border-color:rgba(245,185,66,.5);background:rgba(245,185,66,.1);color:#fde68a}
.gh-msg.none{color:var(--muted)}
.gh-leg{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:8px;font-size:12px;color:var(--muted)}
.gh-leg span{display:inline-flex;align-items:center;gap:6px}
.gh-leg i{width:12px;height:12px;border-radius:3px;display:inline-block;flex:none}
.lg-pos{background:#14b8a6}.lg-neg{background:#e11d74}.lg-king{background:var(--star)}.lg-spot{background:#fde047;border:1px solid #a16207}.lg-zone{background:rgba(34,197,94,.45)}
@media(max-width:900px){.gh-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:560px){.gh-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.gh-t b{font-size:16px}.gh-leg{font-size:11.5px}}
/* Flow at a glance */
.fl-glance{padding:12px 14px}
.gl-verdict{font-size:13px;font-weight:800;letter-spacing:.5px;padding:3px 12px;border-radius:999px;border:1px solid var(--line)}
.gl-verdict.up{background:rgba(34,197,94,.16);color:#4ade80;border-color:rgba(34,197,94,.5)}.gl-verdict.dn{background:rgba(239,68,68,.16);color:#f87171;border-color:rgba(239,68,68,.5)}.gl-verdict.mx{background:rgba(245,185,66,.12);color:#fbbf24;border-color:rgba(245,185,66,.4)}
.gl-bar{display:flex;height:30px;border-radius:8px;overflow:hidden;margin:6px 0 4px;font-size:12.5px;font-weight:700}
.gl-bar>div{display:flex;align-items:center;padding:0 10px;min-width:0;overflow:hidden;white-space:nowrap}
.gl-c-side{background:rgba(34,197,94,.75);color:#04210f}.gl-p-side{background:rgba(239,68,68,.78);color:#2b0505;justify-content:flex-end}
.gl-net{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);margin:6px 0}
.gl-gauge{position:relative;flex:1;height:6px;border-radius:3px;background:linear-gradient(90deg,#ef4444,#475569 50%,#22c55e)}
.gl-gauge i{position:absolute;top:-4px;width:4px;height:14px;background:#fff;border-radius:2px;transform:translateX(-2px)}
.gl-say{font-size:13.5px;line-height:1.45;margin:6px 0 8px}
.gl-h{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-weight:700;margin:8px 0 4px}
.gl-list{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:9px;overflow:hidden}
.gl-c{display:grid;grid-template-columns:52px minmax(120px,1.2fr) 110px minmax(150px,1.4fr) minmax(130px,1fr) 70px;gap:8px;align-items:center;padding:7px 10px;color:var(--text);text-decoration:none;font-size:13px;border-top:1px solid var(--line);background:var(--panel2)}
.gl-c:first-child{border-top:0}.gl-c:hover{background:#1d2840}
.gl-cp{font-size:11px;font-weight:800;text-align:center;padding:1px 0;border-radius:5px}.gl-cp.up{background:rgba(34,197,94,.16)}.gl-cp.dn{background:rgba(239,68,68,.16)}
.gl-p{text-align:right}.gl-n{color:var(--muted);font-size:12px}
.gl-side{font-size:12px}
.gl-leg{margin-top:8px;font-size:11.5px;color:var(--muted);line-height:1.5}
@media(max-width:720px){
  .gl-c{grid-template-columns:48px 1fr auto;grid-template-areas:"cp t p" "d d d" "s s s";gap:2px 8px;padding:7px 9px}
  .gl-c .gl-cp{grid-area:cp}.gl-c>b:nth-child(2){grid-area:t}.gl-c .gl-p{grid-area:p}.gl-c>.muted{grid-area:d;font-size:12px}.gl-c .gl-side{grid-area:s}.gl-c .gl-n{display:none}
  .gl-bar{font-size:11.5px}
}
/* Ideas overview */
.ov-bn{padding:9px 12px;border-radius:10px;border:1px solid var(--line);background:var(--panel2);margin:8px 0;font-size:14px}
.ov-bn.ok{border-color:rgba(34,197,94,.6);background:rgba(34,197,94,.1)}
.ov-jump{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 4px}
.ov-jump a{padding:5px 12px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--text);text-decoration:none;font-size:13px;font-weight:600}
.ov-jump a:hover{border-color:var(--blue)}
.ov-sec{margin-top:16px;scroll-margin-top:120px}
.ov-h{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:5px}
.ov-h h3{margin:0;font-size:20px}.ov-sub{color:var(--muted);font-size:13px}.ov-all{margin-left:auto;font-size:13px;font-weight:700}
.ov-d{margin:5px 0 8px}
.ov-sec .hm-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1100px){.ov-sec .hm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.ov-sec .hm-grid{grid-template-columns:1fr}.ov-h h3{font-size:18px}}
/* Start here */
.start-here{margin:0 0 12px}
.start-here.hidden{display:none}
.sh-in{border:1px solid rgba(79,140,255,.5);background:linear-gradient(180deg,rgba(79,140,255,.14),rgba(79,140,255,.05));border-radius:12px;padding:10px 14px}
.sh-t{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.sh-t b{font-size:16px}
.sh-x{margin-left:auto;background:var(--blue);color:#fff;border:0;border-radius:8px;padding:5px 12px;font-weight:700;cursor:pointer}
.sh-steps{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.sh-steps li{display:flex;gap:9px;align-items:flex-start}
.sh-n{flex:none;width:24px;height:24px;border-radius:50%;background:var(--blue);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:13px}
.sh-steps b{display:block;font-size:14px}.sh-steps small{display:block;color:#b6c2da;font-size:12.5px;line-height:1.4}
kbd{background:var(--panel2);border:1px solid var(--line);border-radius:4px;padding:0 5px;font-size:11px}
@media(max-width:720px){.sh-steps{grid-template-columns:1fr}.sh-t .muted{display:none}}
#startBtn{flex:none;padding:4px 9px}
.sh-steps small b{display:inline;font-size:inherit;color:#e6ebf5}
#hubList>.ov{grid-column:1/-1;width:100%}
body.sh-on #homeSteps{display:none}
body.tk-flow #view-flow .fl-top,body.tk-flow #flSeg,body.tk-flow #howToFlow,body.tk-flow .fl-back a[href="#/flow"]{display:none}

/* ===== zoomed-out scale (more per screen), top pick banner, freshness strip ===== */
@media(min-width:721px){html{zoom:.88;--unz:1.13636}}
@media(max-width:720px){html{zoom:.93;--unz:1.07527}}
/* chart containers cancel the page zoom: lightweight-charts maps the pointer in unzoomed pixels */
.chart-wrap,#flChart,#anyChart,#ichart,.sub-chart{zoom:var(--unz,1)}
.top-pick{margin:0 0 10px}
.top-pick.hidden{display:none}
.fresh{display:flex;align-items:flex-start;gap:8px;padding:6px 10px;border-radius:8px;font-size:12.5px;line-height:1.4;border:1px solid var(--line);background:var(--panel);margin-bottom:8px}
.fresh i{flex:none;width:8px;height:8px;border-radius:50%;margin-top:5px;background:var(--muted)}
.fresh.closed{border-color:rgba(245,185,66,.45);background:rgba(245,185,66,.07)}.fresh.closed i{background:var(--amber)}
.fresh.live i{background:var(--green);box-shadow:0 0 6px var(--green)}
.fresh.stale{border-color:rgba(239,68,68,.55);background:rgba(239,68,68,.08)}.fresh.stale i{background:var(--red)}
.tp{border:1px solid var(--line);border-left:5px solid var(--muted);border-radius:12px;padding:10px 14px;background:linear-gradient(180deg,var(--panel2),var(--panel))}
.tp.bn{border-color:rgba(34,197,94,.6);border-left-color:var(--green);background:linear-gradient(180deg,rgba(34,197,94,.14),var(--panel))}
.tp.wt{border-left-color:var(--amber)}
.tp.none{border-left-color:#64748b}
.tp-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.tp-lbl{font-size:11.5px;font-weight:800;letter-spacing:.6px;color:var(--muted);text-transform:uppercase}
.tp-st{font-size:12px;font-weight:800;padding:1px 10px;border-radius:999px;background:rgba(245,185,66,.16);color:#fbbf24;border:1px solid rgba(245,185,66,.45)}
.tp.bn .tp-st{background:rgba(34,197,94,.18);color:#4ade80;border-color:rgba(34,197,94,.55)}
.tp-st.no{background:rgba(100,116,139,.2);color:#cbd5e1;border-color:rgba(148,163,184,.4)}
.tp-n{margin-left:auto}
.tp-none{margin:6px 0 0;color:var(--muted);font-size:13.5px}
.tp-main{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:6px 0 2px}
.tp-act{font-size:13px;font-weight:800;padding:2px 10px;border-radius:7px}.tp-act.call{background:rgba(34,197,94,.18);color:#4ade80}.tp-act.put{background:rgba(239,68,68,.18);color:#f87171}
.tp-con{font-size:22px;letter-spacing:.2px}
.tp-main>span{font-size:15px}
.tp-k{display:flex;flex-wrap:wrap;gap:6px 22px;font-size:14px;margin:4px 0}.tp-k b{font-size:15px}
.tp-why{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:13px;margin:6px 0;line-height:1.4}.tp-why>b{color:var(--muted)}.tp-why span b{color:var(--muted);margin-right:4px}
.tp-sell{font-size:13px;line-height:1.45;padding-top:6px;border-top:1px solid var(--line)}
.tp-note{margin:4px 0}
.tp-open{margin-left:8px;font-weight:700;white-space:nowrap}
.tp .sellslot:empty,.tp .holdslot:empty,.tp .badgeslot:empty{display:none}
.tp .sellbar{display:inline-flex;margin:0 6px}
@media(max-width:720px){.tp{padding:9px 11px}.tp-con{font-size:18px}.tp-k{gap:4px 14px;font-size:13px}.tp-n{display:none}.tp-why{flex-direction:column;gap:3px}}
.fl-expnote{margin:6px 0}
@media(max-width:720px){.fresh{font-size:11.5px;padding:5px 8px}.tp-cn{display:none}.tp-why{flex-direction:row;gap:2px 12px;font-size:12px}.tp-main>span{font-size:14px}.tp-sell{font-size:12px}}
/* ===== BUY NOW verdict on flow views ===== */
.bnv-c{display:inline-block;font-size:10.5px;font-weight:800;padding:1px 7px;border-radius:999px;border:1px solid;white-space:nowrap;letter-spacing:.2px;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}
.bnv-c.bn{background:#0b3320;color:#bbf7d0;border-color:#16a34a}
.bnv-c.no{background:#161c2a;color:#94a3b8;border-color:#334155;font-weight:700}
.bnv{margin:8px 0;padding:8px 11px;border-radius:9px;border:1px solid;font-size:13px;line-height:1.45}
.bnv.bn{background:#0b2a1a;border-color:#16a34a;color:#d1fae5}.bnv.bn b{color:#4ade80}
.bnv.no{background:#121826;border-color:#334155;color:#cbd5e1}.bnv.no b{color:#e2e8f0}
.bnv-w{display:inline-block;color:#fbbf24}
.fl-l1 .bnv-c,.gl-c .bnv-c{margin-left:6px}
@media(max-width:720px){.bnv{font-size:12px;padding:7px 9px}.gl-c .bnv-c{display:none}}
@media(min-width:900px){body.dense .fl-card .fl-l1{flex:0 0 590px}body.dense .fl-card .fl-l1 .bnv-c{max-width:190px;flex:0 1 auto}}
body.dense .fl-card .fl-l1 .bnv-c{min-width:0}
.tp-nb{margin:2px 0 4px;font-size:12.5px;font-weight:700;color:#fbbf24}
.tp.none .tp-nb{color:#94a3b8}
/* ===== Ideas: Right now box ===== */
.rn-box{border-color:#2b3a57}
.rn-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.rn-c{border:1px solid #263247;border-radius:10px;padding:9px 11px;background:#0f1522;min-width:0}
.rn-c.bn{border-color:#16a34a;background:#0b2a1a}.rn-c.wt{border-color:#7c5e10}
.rn-h{font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:#94a3b8;display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:4px}
.rn-h:empty{display:none}
.rn-tag{font-size:10.5px;padding:1px 8px;border-radius:999px;border:1px solid;letter-spacing:.3px}
.rn-tag.bn{color:#bbf7d0;border-color:#16a34a;background:#0b3320}.rn-tag.wt{color:#fde68a;border-color:#a16207;background:#2a2008}
.rn-con{font-size:15px;font-weight:800;margin:2px 0 3px}
.rn-why{font-size:12px;color:#fbbf24;margin-bottom:3px}
.rn-k{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12.5px;margin:3px 0}
.rn-p{font-size:12.5px;color:#cbd5e1;line-height:1.45}
.rn-box .rn-sub{font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:#94a3b8;margin:9px 0 4px}
.rn-sell .rn-c{padding:7px 9px;background:#121a29}
.rn-s{font-size:12.5px;padding:5px 8px;border-radius:7px;margin-bottom:4px;background:#2b0f19;border:1px solid #9f1239}
.rn-s.today{background:#2a1d08;border-color:#a16207}.rn-s.none{background:transparent;border:1px dashed #334155}
.rn-s b{color:#fecaca}.rn-s.today b{color:#fde68a}
@media(max-width:720px){.rn-grid{grid-template-columns:1fr}.rn-con{font-size:14px}}
/* ===== heatmap v3: zoomed-out grid, premium layer, max pain, summary rows ===== */
.heat-wrap{max-height:min(82vh,1100px)}
table.heat{font-size:10.5px}
table.heat td{padding:1px 5px;min-width:60px;line-height:1.35}
table.heat th{padding:4px 5px}
table.heat .sk{min-width:80px}
body.dense table.heat td{padding:1px 4px;min-width:56px}
.lt.mp{background:#3b2f0b;color:#fde68a;border:1px solid #a16207}
table.heat td.mpc{box-shadow:0 0 0 1.5px #fbbf24 inset}
table.heat td.mpc::after{content:"MP";position:absolute;left:2px;top:0;font-size:7.5px;font-weight:800;color:#fde68a;opacity:.9}
table.heat tfoot td{position:sticky;bottom:0;background:#120e2a;border-top:1px solid #3a3070;z-index:2;text-align:center;padding:3px 4px}
table.heat tfoot tr.sumrow+tr.mprow td{bottom:0}
table.heat tfoot tr.sumrow:not(.mprow) td{bottom:19px}
table.heat tfoot .sk{z-index:3;text-align:left}
table.heat .pv{font-size:9.5px;white-space:nowrap}
table.heat .pbar{height:3px;background:#be185d;border-radius:2px;margin-top:2px;overflow:hidden}
table.heat .pbar i{display:block;height:100%;background:#14b8a6}
table.heat tr.mprow td{color:#fde68a;font-weight:700}
@media(max-width:720px){table.heat td{min-width:46px;font-size:9.5px;padding:1px 3px}table.heat .sk{min-width:66px}table.heat .pv{font-size:8.5px}}
/* ===== v3 home dashboard + card system ===== */
.card{border-radius:10px}
.dash{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:6px 0 12px}
.dash-c{margin:0;padding:10px 12px;display:flex;flex-direction:column;gap:6px;min-width:0;border:1px solid #2a2450}
.dash-c.bn{border-color:#15803d}.dash-c.wt{border-color:#a16207}
.dash-h{display:flex;justify-content:space-between;align-items:baseline;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#c4b5fd}
.dash-h a{text-transform:none;letter-spacing:0;font-weight:600}
.dp-row{display:flex;gap:6px;flex-wrap:wrap}
.dp-t{flex:1 1 70px;display:flex;flex-direction:column;background:#151030;border-radius:8px;padding:5px 8px;text-decoration:none;color:inherit;min-width:0}
.dp-t b{font-size:15px}.dp-s{font-size:10px;color:#a1a1c2;font-weight:700}
.dp-flow{display:flex;gap:8px;flex-wrap:wrap;align-items:baseline;font-size:12px}
.dash .pbar{height:5px;background:#be185d;border-radius:3px;overflow:hidden}.dash .pbar i{display:block;height:100%;background:#14b8a6}
.df{display:flex;flex-direction:column}
.df-r{display:grid;grid-template-columns:52px 58px 64px 66px 1fr;gap:4px;align-items:center;padding:3px 2px;border-bottom:1px solid #1e1940;text-decoration:none;color:inherit;font-size:12px;white-space:nowrap}
.df-r:hover{background:#18123a}.df-r .bnv{justify-self:end}
.di-t{font-size:14px;font-weight:700}.di-s{font-size:12px}
.dg-r{display:block;text-decoration:none;color:inherit;padding:4px 0;border-bottom:1px solid #1e1940}
.dg-top{display:flex;gap:6px;align-items:center;font-size:13px}
.dg-ls{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:4px}
.dg-l{display:flex;flex-direction:column;background:#151030;border-radius:6px;padding:3px 6px;font-weight:700;font-size:12px}
.dg-l i{font-style:normal;font-size:9.5px;font-weight:600;color:#a1a1c2}
.dg-l.up{color:#5eead4}.dg-l.dn{color:#f9a8d4}.dg-l.fl{color:#c4b5fd}.dg-l.mp{color:#fde68a}
@media(max-width:1200px){.dash{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.dash{grid-template-columns:1fr}.df-r{grid-template-columns:48px 54px 58px 1fr auto}.df-r>span:nth-child(4){display:none}}
/* Chrome mis-lays sticky table headers/columns inside a CSS-zoomed scroller (header row slid left of the body); render the heatmap scroller unzoomed */
.heat-wrap{zoom:1}
@media(min-width:721px){table.heat{font-size:9.5px}table.heat th{font-size:9.5px}table.heat th .dte{font-size:8.5px}}
/* ===== v4 card system: one look for every tab (dense, dark). Applied per view below. ===== */
:root{--c4-bg:#141029;--c4-line:#2a2450;--c4-head:#c4b5fd;--c4-sub:#a1a1c2;--c4-r:10px}
/* v4:ideas */
#view-ideas .card{background:var(--c4-bg);border:1px solid var(--c4-line);border-radius:var(--c4-r);padding:10px 12px;margin-bottom:10px;box-shadow:none}
#view-ideas .card .card{background:#181333}
#view-ideas .card-title{font-size:12px;font-weight:800;letter-spacing:.01em;color:var(--c4-head);margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid #221d44}
#view-ideas .card-title .muted,#view-ideas .card-title small{text-transform:none;letter-spacing:0;font-weight:600;color:var(--c4-sub)}
#view-ideas .card-title a{text-transform:none;letter-spacing:0}
#view-ideas .card h2,#view-ideas .card .sec-h{font-size:15px;font-weight:800}
/* v4:gex */
#view-gex .card{background:var(--c4-bg);border:1px solid var(--c4-line);border-radius:var(--c4-r);padding:10px 12px;margin-bottom:10px;box-shadow:none}
#view-gex .card .card{background:#181333}
#view-gex .card-title{font-size:12px;font-weight:800;letter-spacing:.01em;color:var(--c4-head);margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid #221d44}
#view-gex .card-title .muted,#view-gex .card-title small{text-transform:none;letter-spacing:0;font-weight:600;color:var(--c4-sub)}
#view-gex .card-title a{text-transform:none;letter-spacing:0}
#view-gex .card h2,#view-gex .card .sec-h{font-size:15px;font-weight:800}
/* v4:flow */
#view-flow .card{background:var(--c4-bg);border:1px solid var(--c4-line);border-radius:var(--c4-r);padding:10px 12px;margin-bottom:10px;box-shadow:none}
#view-flow .card .card{background:#181333}
#view-flow .card-title{font-size:12px;font-weight:800;letter-spacing:.01em;color:var(--c4-head);margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid #221d44}
#view-flow .card-title .muted,#view-flow .card-title small{text-transform:none;letter-spacing:0;font-weight:600;color:var(--c4-sub)}
#view-flow .card-title a{text-transform:none;letter-spacing:0}
#view-flow .card h2,#view-flow .card .sec-h{font-size:15px;font-weight:800}
/* v4:chart */
#view-chart .card{background:var(--c4-bg);border:1px solid var(--c4-line);border-radius:var(--c4-r);padding:10px 12px;margin-bottom:10px;box-shadow:none}
#view-chart .card .card{background:#181333}
#view-chart .card-title{font-size:12px;font-weight:800;letter-spacing:.01em;color:var(--c4-head);margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid #221d44}
#view-chart .card-title .muted,#view-chart .card-title small{text-transform:none;letter-spacing:0;font-weight:600;color:var(--c4-sub)}
#view-chart .card-title a{text-transform:none;letter-spacing:0}
#view-chart .card h2,#view-chart .card .sec-h{font-size:15px;font-weight:800}
/* v4:scanner */
#view-scanner .card{background:var(--c4-bg);border:1px solid var(--c4-line);border-radius:var(--c4-r);padding:10px 12px;margin-bottom:10px;box-shadow:none}
#view-scanner .card .card{background:#181333}
#view-scanner .card-title{font-size:12px;font-weight:800;letter-spacing:.01em;color:var(--c4-head);margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid #221d44}
#view-scanner .card-title .muted,#view-scanner .card-title small{text-transform:none;letter-spacing:0;font-weight:600;color:var(--c4-sub)}
#view-scanner .card-title a{text-transform:none;letter-spacing:0}
#view-scanner .card h2,#view-scanner .card .sec-h{font-size:15px;font-weight:800}
/* live badge tick: brief flash when a price on screen changed */
.live-badge.tick{box-shadow:0 0 0 2px rgba(45,212,191,.55);transition:box-shadow .2s}
.live-badge.tick i{transform:scale(1.5)}
/* v5 heatmap: wider strike range (gaps marked), more expirations, tighter cells */
table.heat tr.gap td{border-bottom:2px dashed #5b4bb3}
@media(min-width:721px){table.heat td{min-width:52px;padding:1px 4px}table.heat{font-size:9px}table.heat th{font-size:9px;padding:3px 4px}table.heat .sk{min-width:70px}.heat-wrap{max-height:min(86vh,1200px)}}
/* v5 "How price is moving" strip */
.card.mv{padding:6px 12px;margin:-4px 0 10px;background:#120e26;border:1px solid #2a2450;border-radius:10px}
.mv-h{font-size:10.5px;font-weight:800;color:#a1a1c2;margin-bottom:2px}
.mv-t{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;font-size:12px;padding:2px 0}
.mv-t a{color:inherit;text-decoration:none}.mv-px{font-size:14px}
.mv-k{color:#a1a1c2}.mv-k b{color:#e6e3f5}.mv-k b.up{color:#5eead4}.mv-k b.dn{color:#f9a8d4}
.mv-bar{position:relative;display:inline-block;width:90px;height:6px;border-radius:3px;background:linear-gradient(90deg,#be185d,#3b3570,#14b8a6)}
.mv-bar i{position:absolute;top:-3px;width:3px;height:12px;background:#fde68a;border-radius:2px;transform:translateX(-50%)}
@media(max-width:720px){.mv-t{gap:2px 9px;font-size:11px}}
/* v6 search: big and obvious on every page; 16px input on phones so iOS Safari doesn't zoom the page on focus */
.tsearch{flex:0 1 420px;min-height:36px;border-color:#4b3fa0;background:#17112f}
.tsearch input{font-size:14px;padding:8px 4px}
.ts-ico{font-size:16px;color:#c4b5fd}
.ts-go{border:0;border-radius:7px;background:#6d5ce8;color:#fff;font-weight:800;font-size:12px;padding:5px 10px;margin-left:4px;cursor:pointer}
.ts-drop{max-height:min(60vh,460px);overflow:auto;-webkit-overflow-scrolling:touch;z-index:200}
.ts-item{min-height:40px;display:flex;align-items:center;gap:8px}
@media(max-width:720px){
  .topbar{flex-wrap:wrap}
  .tsearch{order:10;flex:1 1 100%;min-height:44px;margin-top:2px}
  .tsearch input{font-size:16px}
  .ts-item{min-height:46px;font-size:15px}
}