:root{--bg:#0b0f17;--panel:#0f1521;--panel2:#131b2a;--line:#1e2738;--txt:#d7dde8;--dim:#7c8799;--g:#22c55e;--r:#ef4444;--a:#f59e0b;--y:#eab308;--b:#38bdf8}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--txt);font:12px/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace}
.dim{color:var(--dim)}.green{color:var(--g)}.red{color:var(--r)}.amber{color:var(--a)}
.hidden{display:none!important}
.topbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:5px 10px;border-bottom:1px solid var(--line);background:#090c13;position:sticky;top:0;z-index:5;font-size:11px}
.brand{display:flex;align-items:center;gap:6px}.brand b{letter-spacing:.06em;color:#fff}
.status{display:flex;align-items:center;gap:5px}
.dot{width:8px;height:8px;border-radius:50%;background:#555;display:inline-block}
.dot.live{background:var(--g);box-shadow:0 0 8px var(--g);animation:pulse 1.6s infinite}.dot.dead{background:var(--r)}
@keyframes pulse{50%{opacity:.45}}
.pills{margin-left:auto;display:flex;gap:5px;align-items:center}
.pill{font:inherit;font-size:10px;padding:2px 8px;border-radius:4px;border:1px solid var(--line);background:#121826;color:var(--dim);cursor:pointer}
.pill.on{background:#14532d;border-color:#166534;color:#bbf7d0}
.notice{margin:6px 10px 0;padding:6px 10px;border:1px solid #92400e;background:#2a1a06;color:#fcd34d;border-radius:4px}
.cols{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px}
.cols.one{grid-template-columns:1fr}
@media (max-width:900px){.cols{grid-template-columns:1fr}}
.col{display:flex;gap:6px;background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:8px;min-width:0}
.colbody{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.chead{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.coin{font-weight:800;font-size:14px;color:var(--b)}
.clock{font-weight:800;font-size:14px;color:#fff}
.clock.soon{color:var(--a)}
.mpill{font-size:10px;font-weight:700;padding:2px 8px;border-radius:999px;border:1px solid var(--line);background:#1a2232;letter-spacing:.05em}
.mpill.up{background:#052e16;border-color:#166534;color:#86efac}.mpill.down{background:#3b0a0a;border-color:#7f1d1d;color:#fca5a5}.mpill.flat{background:#1f2937;color:#e5e7eb}
.tick{margin-left:auto;font-size:10px}
.hero{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:8px;background:var(--panel2);border:1px solid var(--line);border-radius:5px;padding:8px}
.lbl{font-size:9.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--dim)}
.big{font-size:26px;font-weight:800;letter-spacing:-.01em}
.sub{font-size:11px;margin-top:2px}
.h-score{text-align:center}
.score{font-size:30px;font-weight:800;color:var(--y)}
.gauge{height:6px;border-radius:3px;background:linear-gradient(90deg,var(--r),var(--a),var(--y),var(--g));position:relative;margin:2px 10px}
.gauge i{position:absolute;top:-3px;width:3px;height:12px;background:#fff;border-radius:2px;left:50%;display:none}
.h-streak{text-align:right}.streak{font-size:15px;font-weight:800;margin-top:6px}
.sect{font-size:10px;font-weight:700;letter-spacing:.08em;color:#cbd5e1;border-bottom:1px solid var(--line);padding:4px 0 2px;margin-top:2px}
.banner{border:2px solid var(--a);background:linear-gradient(180deg,#3a2606,#24180a);border-radius:5px;padding:7px 9px}
.banner.up{border-color:var(--g);background:linear-gradient(180deg,#0c3a1d,#08200f)}
.banner.down{border-color:var(--r);background:linear-gradient(180deg,#3d0d0d,#220707)}
.banner.off{border-color:#374151;background:#141a26}
.b-top{display:flex;gap:8px;align-items:center}
.b-tag{font-size:9.5px;font-weight:800;letter-spacing:.08em;background:#000a;padding:2px 6px;border-radius:3px}
.b-title{font-size:15px;font-weight:800;color:#fde68a}
.banner.up .b-title{color:#bbf7d0}.banner.down .b-title{color:#fecaca}
.b-row{display:flex;justify-content:space-between;align-items:baseline;margin-top:3px}
.b-pct{font-size:20px;font-weight:800}.b-lean{font-size:17px;font-weight:800}
.b-why{font-size:11px;margin-top:2px}
.regime{border:1px solid var(--line);border-left:4px solid #475569;border-radius:4px;padding:6px 8px;background:#101725}
.regime.chop{border-color:#7f1d1d;border-left-color:var(--r);background:#1d0c0f}.regime.oneway{border-color:#14532d;border-left-color:var(--g);background:#0b1d13}
.regime b{letter-spacing:.06em}
.ptb{display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;align-items:center;background:var(--panel2);border:1px solid var(--line);border-radius:5px;padding:7px 9px}
.ptb .v{font-size:17px;font-weight:800}
.slider .track{position:relative;height:6px;border-radius:3px;background:linear-gradient(90deg,#7f1d1d,#3f3f46 50%,#14532d)}
.slider .mid{position:absolute;left:50%;top:-4px;width:2px;height:14px;background:#94a3b8}
.slider .knob{position:absolute;top:-5px;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:var(--y);box-shadow:0 0 8px var(--y);left:50%;display:none}
.sl-l{display:flex;justify-content:space-between;font-size:9px;margin-top:4px}
.winning{font-size:16px;font-weight:800;padding:2px 0}
.bars{display:flex;flex-direction:column;gap:3px}
.bar{display:grid;grid-template-columns:62px 1fr 120px;gap:6px;align-items:center;font-size:10.5px}
.bar .t{height:9px;border-radius:2px;background:#3a1010;overflow:hidden;display:flex}
.bar .t i{display:block;height:100%;background:var(--g)}
.bar .t.mom{background:#1a2232;position:relative;display:block}
.bar .t.mom i{position:absolute;top:0}
.bar .t.mom .c{position:absolute;left:50%;top:0;width:1px;height:100%;background:#64748b}
.bar .p{text-align:right}
.chart{font-size:10.5px}
.bs{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.box{border-radius:4px;padding:6px 8px;font-size:10.5px}
.box .v{font-size:15px;font-weight:800}
.gbox{background:#0d2a17;border:1px solid #166534}.gbox .v{color:#86efac}
.rbox{background:#2b0d0d;border:1px solid #7f1d1d}.rbox .v{color:#fca5a5}
.pressure{display:flex;height:22px;border-radius:4px;overflow:hidden;font-weight:800;font-size:11px;background:#1a2232}
.pressure div{display:flex;align-items:center;padding:0 8px;white-space:nowrap;min-width:0;overflow:hidden;transition:width .6s}
.pb{background:linear-gradient(90deg,#15803d,#22c55e);color:#04210f;width:50%}
.ps{background:linear-gradient(90deg,#dc2626,#b91c1c);color:#fff;justify-content:flex-end;width:50%}
.kv{display:grid;grid-template-columns:1fr 1fr;gap:2px 14px;font-size:11px}
.kv div{display:flex;justify-content:space-between;border-bottom:1px dotted #1f2a3c;padding:1px 0}
.kv span{color:var(--dim)}
.edgebar{position:relative;height:7px;border-radius:4px;background:#1a2232;overflow:visible}
.edgebar i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,var(--r),var(--a),var(--g));width:0}
.edgebar .thr{position:absolute;top:-3px;width:2px;height:13px;background:#fff;display:none}
.why{font-size:11px;color:#fcd34d;background:#1c1606;border:1px solid #3f2f08;border-radius:4px;padding:5px 7px}
.tablewrap{max-height:260px;overflow:auto;border:1px solid var(--line);border-radius:4px}
table.hist{width:100%;border-collapse:collapse;font-size:10.5px}
.hist th{position:sticky;top:0;background:#111827;color:var(--dim);font-weight:600;text-align:left;padding:3px 5px;font-size:9.5px;letter-spacing:.05em;text-transform:uppercase}
.hist td{padding:3px 5px;border-top:1px solid #172033;white-space:nowrap}
.tag{font-weight:800;padding:0 4px;border-radius:3px}
.tag.win{background:#14532d;color:#bbf7d0}.tag.loss{background:#7f1d1d;color:#fecaca}.tag.pend{background:#1f2937;color:#cbd5e1}.tag.exit{background:#1e293b;color:#93c5fd}
.foot{font-size:10px;text-align:right}
.vmeter{width:30px;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:9px;text-align:center}
.vm-bar{flex:1;width:10px;border-radius:5px;background:var(--r);position:relative;overflow:hidden;min-height:200px}
.vm-bar i{position:absolute;top:0;left:0;right:0;background:var(--g);height:50%;transition:height .6s}
.vm-l b{font-size:10px}
.disclaimer{margin:4px 10px 18px;padding:8px 10px;border-top:1px solid var(--line);color:var(--dim);font-size:10.5px}
.disclaimer h1{font-size:11px;margin:0 0 3px;color:#94a3b8;font-weight:700}
.disclaimer p{margin:0;max-width:1100px}
@media (max-width:560px){.hero{grid-template-columns:1fr 1fr}.h-streak{grid-column:1/-1;text-align:left}.ptb{grid-template-columns:1fr 1fr 1fr}.ptb .slider{grid-column:1/-1;order:5}.big{font-size:22px}.kv{grid-template-columns:1fr}.tagline{display:none}}
.vm-bar.unk{background:#1f2937}

.chartbox{background:var(--panel2);border:1px solid var(--line);border-radius:5px;padding:5px 6px}
.candles{width:100%;height:150px;display:block}
.chartread{font-size:10.5px;margin-top:3px;line-height:1.5}
@media (max-width:760px){
  html,body{font-size:13px}
  .cols{grid-template-columns:1fr;padding:6px;gap:6px}
  .col{padding:6px;gap:4px}
  .topbar{gap:4px 10px;padding:6px 8px}
  .brand .dim,.tagline{display:none}
  .pills{margin-left:auto}
  .pill{font-size:13px;padding:8px 14px;min-height:40px;min-width:52px}
  .hero{grid-template-columns:1fr 1fr;gap:6px}
  .h-streak{grid-column:1/-1;text-align:left;display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
  .h-streak .streak{margin-top:0}
  .big{font-size:24px}.score{font-size:26px}
  .lbl{font-size:10.5px}
  .sub,.b-why,.chartread,.why,.chart,.kv{font-size:12px}
  .sect{font-size:11px}
  .b-title{font-size:14px}.b-pct{font-size:18px}.b-lean{font-size:14px}
  .ptb{grid-template-columns:1fr 1fr 1fr;gap:6px}
  .ptb .slider{grid-column:1/-1;order:5}
  .ptb .v{font-size:15px}
  .bar{grid-template-columns:52px 1fr auto;font-size:11.5px}
  .bar .t{height:11px}
  .kv{grid-template-columns:1fr}
  .candles{height:130px}
  .vmeter{width:22px}
  .vm-bar{width:8px;min-height:120px}
  .tablewrap{max-height:none;border:0}
  table.hist thead{display:none}
  table.hist,table.hist tbody,table.hist tr,table.hist td{display:block;width:100%}
  table.hist tr{border:1px solid var(--line);border-radius:5px;margin-bottom:5px;padding:4px 6px;background:var(--panel2)}
  table.hist td{border:0;padding:1px 0;white-space:normal;display:flex;justify-content:space-between;gap:8px;font-size:12px}
  table.hist td::before{content:attr(data-l);color:var(--dim);font-size:11px}
  .foot{font-size:11px}
  .disclaimer{font-size:11.5px}
}

.flip{border-radius:6px;padding:6px 9px;border:1px solid var(--line);background:#101725}
.flip .f-main{font-size:12px;font-weight:700;color:var(--dim)}
.flip .f-sub{font-size:11px;color:var(--dim)}
.flip.watch{border:1px dashed var(--a);background:#1d1608}
.flip.watch .f-main{color:#fcd34d;font-size:14px}
.flip.conf{border:2px solid #d946ef;background:linear-gradient(90deg,#3b0a40,#14081f);box-shadow:0 0 18px #d946ef55;animation:flipglow 1.2s ease-in-out 4}
.flip.conf.up .f-main{color:#86efac}.flip.conf.down .f-main{color:#fca5a5}
.flip.conf .f-main{font-size:28px;font-weight:900;letter-spacing:.03em}
.flip.conf .f-sub{color:#e9d5ff;font-size:12px}
@keyframes flipglow{50%{box-shadow:0 0 34px #d946efaa}}
.feed{display:flex;flex-direction:column;gap:2px;max-height:150px;overflow:auto;font-size:10.5px}
.feed .row{display:grid;grid-template-columns:auto auto 1fr auto;gap:8px;padding:2px 5px;border-radius:3px;background:#111827}
.feed .row.buy,.feed .row.up{border-left:3px solid var(--g)}.feed .row.sell,.feed .row.down{border-left:3px solid var(--r)}
.feed .empty{color:var(--dim);padding:2px 5px}
@media (max-width:760px){
  .pills{flex-wrap:wrap;justify-content:flex-end}
  .pill{font-size:12px;padding:8px 10px;min-height:40px;min-width:44px}
  .flip.conf .f-main{font-size:24px}
  .feed{font-size:12px;max-height:none}
  .feed .row{grid-template-columns:auto 1fr auto;row-gap:0}
  .feed .row span:nth-child(4){grid-column:1/-1;color:var(--dim)}
}

.gold{color:var(--y)}
.lockban{border:3px solid var(--y);border-radius:6px;padding:8px 10px;background:repeating-linear-gradient(135deg,#3a2c05 0 12px,#2a2004 12px 24px);box-shadow:0 0 22px #eab30844}
.lk-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.lk-tag{font-weight:900;background:#000a;color:var(--y);padding:2px 7px;border-radius:3px;letter-spacing:.08em}
.lk-title{font-size:22px;font-weight:900;color:#fde68a}
.lk-wl{margin-left:auto;font-weight:800;color:var(--y)}
.lk-why{font-size:11px;color:#f3e3a6;margin-top:3px}
.scalp{border:1px solid var(--line);border-radius:6px;padding:6px 9px;background:#101725}
.scalp.open{border:2px solid var(--g);background:linear-gradient(180deg,#0c3a1d,#08200f)}
.scalp.open.down{border-color:var(--r);background:linear-gradient(180deg,#3d0d0d,#220707)}
.sc-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.sc-tag{font-size:9.5px;font-weight:800;letter-spacing:.08em;background:#000a;padding:2px 6px;border-radius:3px;color:#bbf7d0}
.sc-title{font-size:14px;font-weight:800}
.sc-wl{margin-left:auto;font-size:11px}
.sc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px 10px;margin-top:4px;font-size:11px}
.sc-grid:empty{display:none}
.sc-grid b{display:block;font-size:14px}
.sc-why{font-size:11px;margin-top:3px}
.split{display:flex;height:22px;border-radius:4px;overflow:hidden;background:#1a2232}
.split i{display:block;background:linear-gradient(90deg,#15803d,#22c55e);width:50%;transition:width .6s}
.split b{display:block;background:linear-gradient(90deg,#dc2626,#b91c1c);width:50%;transition:width .6s}
.splitlbl{text-align:center;font-size:13px;font-weight:800;margin:1px 0 3px}
.vmeter2{position:relative;height:16px;border-radius:5px;background:#1a2232;overflow:hidden;border:2px solid #334155;margin-top:4px}
.vmeter2 i{display:flex;height:100%;width:0;border-radius:3px;overflow:hidden;transition:width .6s}
.vmeter2 i b{display:block;height:100%;transition:width .6s}
.vmeter2 .vb{background:var(--g)}.vmeter2 .vs{background:var(--r)}.vmeter2 .vs.nosplit{background:#64748b}
.vmeter2.low i{opacity:.4}.vmeter2.low{border-color:#475569}
.vmeter2.mid{border-color:var(--y)}
.vmeter2.high{border-color:var(--g)}
.vmeter2.hot{border-color:#4ade80;box-shadow:0 0 12px #4ade80;animation:volpulse 1s ease-in-out infinite}
@keyframes volpulse{50%{box-shadow:0 0 2px #4ade80;border-color:#bbf7d0}}
.vmeter2 .one{position:absolute;left:25%;top:0;bottom:0;width:2px;background:#f8fafc}
.vmeter2 .onelbl{position:absolute;left:calc(25% + 4px);top:0;font-size:10px;line-height:12px;color:#f8fafc;font-weight:700;text-shadow:0 0 3px #000}
.splitlbl .hot{font-weight:900;color:#4ade80;animation:pulse 1s infinite}
[data-f="voltxt"]{font-size:13px}
.wl{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.wl>div{background:var(--panel2);border:1px solid var(--line);border-radius:5px;padding:5px;text-align:center}
.wl .n{font-size:17px;font-weight:800}
.wl .wl-h{font-weight:800;letter-spacing:.06em;color:#cbd5e1}
.wl .pc{font-size:13px;font-weight:800}
.wl .pc.good{color:var(--g)}.wl .pc.bad{color:var(--r)}
.wl .wl-lock{border-color:var(--y)}
@media (max-width:420px){.wl{gap:4px}.wl .n{font-size:15px}.wl .lbl{font-size:9px}}
@media (max-width:760px){.sc-grid{grid-template-columns:1fr 1fr}.lk-title{font-size:19px}.splitlbl{font-size:14px}
  .pill{padding:8px 10px}.col{overflow:hidden}}
.banner.lock{border-width:3px;box-shadow:0 0 16px #ffffff22}
.banner.exit{border-style:dashed}
.flip.conf.old{animation:none}
.hist td.note{white-space:normal;max-width:260px;color:var(--dim)}
.lk-title.green{color:var(--g)}.lk-title.red{color:var(--r)}

/* FLIP INCOMING highlight: side color (UP green / DOWN red), pulsing, top of the column */
.flipalert{margin:6px 0;padding:9px 10px;border-radius:6px;font-weight:900;font-size:22px;text-align:center;letter-spacing:.04em;animation:fpulse 1s ease-in-out infinite}
.flipalert.up{--fc:#22c55e;background:linear-gradient(180deg,#166534,#0b3a1c);border:3px solid #22c55e;color:#dcfce7}
.flipalert.down{--fc:#ef4444;background:linear-gradient(180deg,#991b1b,#450a0a);border:3px solid #ef4444;color:#fee2e2}
.flip.conf.hot{animation:fpulse 1s ease-in-out infinite}
.flip.conf.hot.up{--fc:#22c55e;border:3px solid #22c55e;background:linear-gradient(90deg,#14532d,#0a1f12)}
.flip.conf.hot.down{--fc:#ef4444;border:3px solid #ef4444;background:linear-gradient(90deg,#7f1d1d,#1f0707)}
.flip.conf.hot .f-sub{color:#f8fafc}
.col.flipon.fup{--fc:#22c55e;box-shadow:0 0 0 2px #22c55e,0 0 22px #22c55e66}
.col.flipon.fdown{--fc:#ef4444;box-shadow:0 0 0 2px #ef4444,0 0 22px #ef444466}
@keyframes fpulse{0%,100%{box-shadow:0 0 6px var(--fc)}50%{box-shadow:0 0 30px var(--fc),0 0 8px var(--fc) inset}}
@media (max-width:760px){.flipalert{font-size:20px;position:sticky;top:0;z-index:5}}

/* LIKELY EARLY LOCK highlight: solid glowing side-color border, pulsing badge, tinted bg */
.lockban.early{--ec:#22c55e;border:3px solid var(--ec);background:linear-gradient(180deg,#14532d,#0a1f12);animation:fpulse 1.2s ease-in-out infinite;--fc:var(--ec)}
.lockban.early.edown{--ec:#ef4444;background:linear-gradient(180deg,#7f1d1d,#1f0707)}
.lockban.early .lk-tag{background:var(--ec);color:#fff;animation:epulse 1s ease-in-out infinite}
.lockban.early .lk-title.green{color:#bbf7d0}.lockban.early .lk-title.red{color:#fecaca}
.lockban.early .lk-why{color:#e2e8f0}
.wl-early{margin-top:4px;padding:4px 6px;border:1px dashed #86efac;border-radius:5px;font-size:12px;font-weight:700;text-align:center;color:#cbd5e1}
.banner.lock.early{--fc:var(--g);border-width:3px;border-style:solid;animation:fpulse 1.2s ease-in-out infinite}
.banner.lock.early.down{--fc:var(--r)}
.banner.lock.early .b-tag{background:var(--fc);color:#fff;font-size:11px;animation:epulse 1s ease-in-out infinite}
@keyframes epulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.06)}}
@media (max-width:760px){.lockban.early .lk-tag,.banner.lock.early .b-tag{font-size:12px;padding:3px 8px}}
@media (prefers-reduced-motion:reduce){.lockban.early,.lockban.early .lk-tag,.banner.lock.early,.banner.lock.early .b-tag{animation:none}}
