:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f7f9;--panel:#fff;--panel-2:#f9fafb;--line:#e2e6eb;--line-strong:#cfd6df;--text:#101828;--muted:#7a8491;--soft:#344054;--orange:#f59e0b;--green:#2da964;--red:#e63f45;--blue:#2f80ed}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);letter-spacing:0;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{overflow-x:hidden}.shell{width:min(860px,100%);padding:max(12px, env(safe-area-inset-top)) 14px max(14px, env(safe-area-inset-bottom));margin:0 auto}.hero{border:1px solid var(--line);background:var(--panel);border-radius:7px;margin-bottom:8px;padding:10px 12px}.heroTop{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.heroTopRight{align-items:flex-start;gap:10px;display:flex}.statusBadge{border:1px solid var(--line);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:4px 8px;display:inline-flex}.statusText{color:var(--muted);text-transform:lowercase;font-size:11px;font-weight:800}.statusPulse{background:var(--red);border-radius:999px;width:9px;height:9px;margin-top:3px;display:inline-block;box-shadow:0 0 #e63f4559}.statusPulse.on{background:var(--green);animation:1.5s ease-out infinite pulseGreen}.statusPulse.off{background:var(--red);animation:1.5s ease-out infinite pulseRed}.heroControls{margin-top:8px}.heroMain{min-width:0}.heroTitle{color:var(--text);word-break:break-word;overflow-wrap:anywhere;margin:0;font-size:clamp(15px,1.3vw,20px);line-height:1.08}.heroTime{color:var(--muted);margin:3px 0 0;font-size:clamp(11px,.95vw,14px);font-weight:600}.selectorWrap{flex-direction:column;align-items:stretch;gap:6px;min-width:0;display:flex}.selectorGroup{flex-wrap:wrap;justify-content:flex-start;gap:6px;display:flex}.selectorGroupCompact{gap:4px}.selectorBtn{border:1px solid var(--line-strong);color:var(--soft);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:#2f80ed29;background:#fff;border-radius:999px;min-height:42px;padding:9px 14px;font-size:12px;font-weight:700;transition:transform 60ms,box-shadow .12s,background .12s}.selectorBtn.compact{min-height:34px;padding:6px 10px;font-size:11px}.selectorBtn.active{border-color:var(--blue);color:#0f3f86;background:#eaf3ff;box-shadow:inset 0 0 0 1px #2f80ed26}.selectorBtn:active{background:#dfeeff;transform:translateY(1px)scale(.99)}.countdown{justify-content:flex-end;align-items:flex-start;gap:10px;display:flex}.countdown div{text-align:right}.countdown strong{color:var(--red);font-size:clamp(16px,1.8vw,24px);line-height:1;display:block}.countdown span{color:var(--muted);font-size:clamp(9px,.75vw,11px);font-weight:800}.heroBottom{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:0;margin-top:8px;padding-top:8px;display:grid}.heroBlock{padding:4px 10px 2px}.heroBlock span{color:var(--muted);font-size:clamp(10px,.85vw,12px);font-weight:800}.heroBlock strong{color:var(--muted);margin-top:2px;font-size:clamp(20px,2.2vw,30px);font-weight:750;line-height:1;display:block}.heroBlock.current{border-left:1px solid var(--line)}.heroBlock.current strong{color:#f59e0b}.heroBlock em{margin-left:8px;font-size:.8em;font-style:normal;font-weight:900}.heroBlock em.down{color:var(--red)}.heroBlock em.up{color:#35d07f}.topbar{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.topbar p,.topbar h1,h2,p{margin:0}.topbar p{color:var(--orange);font-size:12px;font-weight:850;line-height:1}.topbar h1{max-width:72vw;color:var(--soft);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:13px;font-weight:650;line-height:1.15;overflow:hidden}.bridge{border:1px solid var(--line);background:var(--panel);min-width:88px;color:var(--muted);text-align:center;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:850}.bridge.ok{color:var(--green)}.bridge.warn{color:var(--red)}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:8px;display:grid}.metric,.chartCard,.sidePanel,.panel,.streams{border:1px solid var(--line);background:var(--panel);border-radius:7px}.metric{min-height:70px;padding:10px 11px}.metric span,.quoteRow span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:800;display:block}.metric strong{color:var(--text);white-space:nowrap;margin-top:6px;font-size:clamp(19px,2vw,23px);line-height:1;display:block}.metric small,.quoteRow small,.row small,.stream small,.sectionHead span,.empty{color:var(--muted)}.metric small{margin-top:6px;font-size:11px;display:block}.metric.accent strong{color:var(--orange)}.metric.up strong{color:var(--green)}.metric.down strong{color:var(--red)}.workbench{grid-template-columns:1fr;gap:8px;margin-bottom:8px;display:grid}.positionStrip{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px;display:grid}.positionCard{border:1px solid var(--line);background:var(--panel);border-radius:7px;padding:10px 11px}.positionCard.up{border-color:#2da96459}.positionCard.down{border-color:#e63f4559}.positionHead{color:var(--muted);text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:800}.positionRow{justify-content:space-between;align-items:baseline;gap:8px;margin-top:5px;display:flex}.positionRow span{color:var(--muted);font-size:12px}.positionRow strong{color:var(--text);font-size:18px;line-height:1}.positionRow strong.pnl{font-weight:900}.positionRow strong.pnl.up{color:var(--green)}.positionRow strong.pnl.down{color:var(--red)}.positionRow strong.pnl.flat{color:var(--text)}.chartCard{padding:10px}.sectionHead{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.sectionHead h2{color:var(--soft);flex:none;font-size:13px;line-height:1}.sectionHead span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;overflow:hidden}.chartWrap{height:clamp(360px,48vw,460px);min-height:0;max-height:66vh;margin-bottom:6px;position:relative}.plotlyMount{border:1px solid var(--line);background:var(--panel);border-radius:6px;width:100%;height:100%;overflow:hidden}.chartHint{color:var(--muted);font-size:11px;position:absolute;bottom:8px;left:12px}.sidePanel{grid-template-columns:1fr;gap:0;display:grid;overflow:hidden}.quoteRow{border-right:1px solid var(--line);border-bottom:0;grid-template-columns:1fr;align-items:center;gap:4px;min-height:62px;padding:9px 10px;display:grid}.quoteRow:last-child{border-right:0}.quoteRow strong{color:var(--text);text-align:right;font-size:23px;line-height:1}.quoteRow small{text-align:left;grid-column:auto;margin-top:0;font-size:11px}.miniBlock{border-left:1px solid var(--line);min-height:62px;padding:8px 9px}.miniHead{color:var(--muted);text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:800}.miniRow{color:var(--soft);justify-content:space-between;gap:8px;margin-bottom:4px;font-size:12px;line-height:1.35;display:flex}.miniEmpty{color:var(--muted);font-size:11px}.upTxt{color:var(--green)}.downTxt{color:var(--red)}.panel{margin-bottom:8px;padding:10px}.walletPanel{margin-bottom:64px}.walletControls{flex-direction:column;gap:8px;margin-bottom:10px;display:flex}.walletChecks{flex-wrap:wrap;gap:8px 10px;display:flex}.walletCheck{border:1px solid var(--line);min-height:42px;color:var(--soft);touch-action:manipulation;-webkit-tap-highlight-color:#2f80ed29;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:10px 12px;font-size:12px;display:inline-flex}.walletCheck:active{background:#f4f8ff;transform:translateY(1px)scale(.99)}.walletCheck input{width:18px;height:18px}.walletModeBtns{flex-wrap:wrap;gap:6px;display:flex}.equityCard{border:1px solid var(--line);background:#fff;border-radius:7px;min-height:170px;margin-bottom:10px;padding:8px}.equitySvg{width:100%;height:240px;display:block}.bottomTabs{border-top:1px solid var(--line);z-index:40;background:#fff;grid-template-columns:1fr 1fr;display:grid;position:fixed;bottom:0;left:0;right:0}.tabBtn{color:var(--muted);background:#fff;border:0;padding:11px 10px;font-size:13px;font-weight:800}.tabBtn.active{color:var(--blue);background:#eef5ff}.rows{gap:5px;display:grid}.row{border:1px solid var(--line);background:var(--panel-2);border-radius:6px;justify-content:space-between;align-items:center;gap:10px;min-height:42px;padding:7px 9px;display:flex}.row strong,.stream strong{color:var(--soft);text-transform:uppercase;font-size:12px;line-height:1.1;display:block}.row small,.stream small{margin-top:3px;font-size:11px;line-height:1.1;display:block}.right{text-align:right;flex:none}.empty{border:1px dashed var(--line-strong);border-radius:6px;align-items:center;min-height:42px;padding:8px 9px;font-size:12px;display:flex}.streams{grid-template-columns:repeat(3,1fr);gap:6px;padding:8px;display:grid}.stream{border:1px solid var(--line);background:var(--panel-2);border-radius:6px;align-items:center;gap:8px;min-width:0;min-height:38px;padding:7px 8px;display:flex}.stream div{min-width:0}.stream small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dot{background:var(--red);border-radius:999px;flex:0 0 8px;width:8px;height:8px;box-shadow:0 0 0 3px #ff5b6b1a}.dot.on{background:var(--green);box-shadow:0 0 0 3px #35d07f1f}@media (max-width:760px){.shell{padding-left:8px;padding-right:8px}.metrics,.positionStrip{grid-template-columns:1fr 1fr}.positionCard{padding:9px}.positionRow strong{font-size:16px}.heroTop{grid-template-columns:1fr;gap:4px}.selectorWrap{min-width:0}.heroControls{margin-top:6px}.countdown{justify-content:flex-end;width:100%}.heroBottom{grid-template-columns:1fr}.heroBlock.current{border-left:0;border-top:1px solid var(--line)}.metric{min-height:64px;padding:9px}.metric strong{font-size:20px}.chartWrap{height:min(430px,72vh);min-height:360px;max-height:none}.sectionHead.compact{align-items:flex-start}.sectionHead.compact span{white-space:normal;text-align:right;line-height:1.2}.quoteRow strong,.quoteRow small{text-align:left;grid-column:auto}.sidePanel{grid-template-columns:1fr}.quoteRow{border-right:0;border-bottom:1px solid var(--line)}.miniBlock{border-left:0;border-top:1px solid var(--line)}.quoteRow strong{font-size:21px}.streams{grid-template-columns:1fr}.walletPanel{margin-bottom:72px}}@keyframes pulseGreen{0%{box-shadow:0 0 #2da96473}70%{box-shadow:0 0 0 7px #2da96400}to{box-shadow:0 0 #2da96400}}@keyframes pulseRed{0%{box-shadow:0 0 #e63f456b}70%{box-shadow:0 0 0 7px #e63f4500}to{box-shadow:0 0 #e63f4500}}
