:root{--bg:#060a0f;--panel:#0b1119;--line:#1d2a38;--text:#f3f6f9;--muted:#8492a3;--orange:#f36b21;--green:#3bd68b;--blue:#55a8ff;--red:#ff6b6b;--gold:#e3b341}
*{box-sizing:border-box}html{background:var(--bg)}
body{margin:0;background:radial-gradient(circle at 12% -8%,rgba(243,107,33,.18),transparent 32%),radial-gradient(circle at 88% 0,rgba(32,99,135,.22),transparent 36%),linear-gradient(180deg,#071019 0,var(--bg) 48%);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}
@media(max-width:900px){body{padding-top:calc(58px + env(safe-area-inset-top,0px))}}
a{color:inherit;text-decoration:none}
.shell{width:min(1080px,calc(100% - 32px));margin:0 auto;padding:26px 0 64px}
.eyebrow-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.privacy{font:750 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.11em;color:var(--green);border:1px solid rgba(59,214,139,.28);background:rgba(59,214,139,.07);padding:8px 10px;border-radius:999px}
.eyebrow{font:750 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.15em;color:var(--orange);text-transform:uppercase}
h1{font-size:clamp(30px,4.6vw,52px);line-height:.98;letter-spacing:-.045em;margin:0;max-width:820px}
.lede{color:var(--muted);font-size:16px;line-height:1.6;max-width:680px;margin:18px 0 0}
.panel{border:1px solid var(--line);border-radius:16px;background:rgba(11,17,25,.82);padding:20px;margin-top:24px}
.panel h2{margin:0 0 4px;font-size:16px;letter-spacing:-.02em}
.panel .sub{color:var(--muted);font-size:12px;margin-bottom:14px}
.today{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}
.today .regime{font:850 30px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:-.02em}
.today .held{font-size:11.5px;color:var(--muted);margin-top:6px}
.mult{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.mult .x{font:850 44px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:-.03em;padding:6px 16px;border-radius:14px;border:1px solid var(--line);background:rgba(7,13,20,.8)}
.mult .x.up{color:var(--green);border-color:rgba(59,214,139,.4);background:rgba(59,214,139,.08)}
.mult .x.down{color:var(--red);border-color:rgba(255,107,107,.4);background:rgba(255,107,107,.08)}
.mult .x.flat{color:var(--muted)}
.mult .lbl{font:750 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.reason{margin-top:14px;font-size:13.5px;color:var(--text);line-height:1.5;max-width:760px}
.reason.warn{color:var(--gold)}
.heat{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.cell{border:1px solid var(--line);border-radius:12px;background:rgba(7,13,20,.8);padding:14px;position:relative;overflow:hidden}
.cell .h{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:10px}
.cell .h .name{font:800 13px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.02em}
.cell .h .n{font:750 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted);letter-spacing:.06em}
.cell .wr{font:850 26px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:-.02em}
.cell .wr.up{color:var(--green)}
.cell .wr.down{color:var(--red)}
.cell .wr.muted{color:var(--muted)}
.cell .ar{font:800 13px/1 ui-monospace,SFMono-Regular,Menlo,monospace;margin-top:6px}
.cell .ar.pos{color:var(--green)}
.cell .ar.neg{color:var(--red)}
.cell .ci{font:750 9.5px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted);margin-top:8px;letter-spacing:.04em}
.cell .bar{height:4px;border-radius:2px;background:#0b121b;margin-top:10px;overflow:hidden}
.cell .bar i{display:block;height:100%;border-radius:2px}
.cell.empty{opacity:.55}
.cell.today-cell{border-color:rgba(243,107,33,.5);box-shadow:0 0 0 1px rgba(243,107,33,.18),0 8px 24px -14px rgba(243,107,33,.4)}
.cell.today-cell::after{content:'TODAY';position:absolute;top:8px;right:10px;font:850 8.5px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;color:var(--orange)}
.trips{display:grid;gap:8px;margin-top:6px}
.trip{display:grid;grid-template-columns:90px 1fr 110px 90px 90px;gap:10px;align-items:center;font-size:12px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:rgba(7,13,20,.6)}
.trip .tk{font:800 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace}
.trip .pn{font:800 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-align:right}
.trip .pn.pos{color:var(--green)}
.trip .pn.neg{color:var(--red)}
.trip .dt{font:750 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted)}
.rg-tag{display:inline-block;padding:3px 7px;border-radius:999px;font:850 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;border:1px solid var(--line);color:var(--muted)}
.rg-tag.risk_on{color:var(--green);border-color:rgba(59,214,139,.35);background:rgba(59,214,139,.06)}
.rg-tag.risk_off{color:var(--red);border-color:rgba(255,107,107,.35);background:rgba(255,107,107,.06)}
.rg-tag.churn{color:var(--gold);border-color:rgba(227,179,65,.35);background:rgba(227,179,65,.06)}
.empty-state{text-align:center;padding:40px 20px;color:var(--muted);font-size:13px;line-height:1.6}
.empty-state b{color:var(--text)}
.metho{font-size:11.5px;color:var(--muted);line-height:1.6}
.metho b{color:var(--text)}
.metho p{margin:0 0 8px}
.foot{text-align:center;color:#4f5c6b;font-size:11px;line-height:1.6;margin:32px auto 0;max-width:720px}
.skeleton{background:linear-gradient(90deg,rgba(255,255,255,.02),rgba(255,255,255,.06),rgba(255,255,255,.02));background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:8px}
@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
@media(max-width:720px){.today{grid-template-columns:1fr}.mult{align-items:flex-start}.trip{grid-template-columns:80px 1fr 90px}.trip .dt:nth-child(4),.trip .pn:nth-child(5){display:none}}