:root{--bg: #0b0f1a;--panel: #111628;--ink: #e7e9ff;--ink-dim: #b8c1ff;--grid: #1b2135;--accent: #7c5cff;--accent-2: #58b8ff;--ok: #00e08a;--bad: #ff3b6b;--border: #20263d;--shadow: 0 10px 30px rgba(0,0,0,.35);--tap-min: 0px;--chart-panel-bar-h: 40px}*{box-sizing:border-box}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%}html,body{overflow-x:hidden;overscroll-behavior-x:none}button,input,select,textarea{font:inherit}body{margin:0;font-size:14px;background:radial-gradient(1200px 800px at 80% -10%,rgba(124,92,255,.12),transparent),radial-gradient(900px 600px at -10% 90%,rgba(88,184,255,.1),transparent),var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;overflow-x:clip}#root{overflow-x:hidden;overflow-x:clip}img,svg,canvas,video{max-width:100%}pre,code{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.wrap-anywhere{overflow-wrap:anywhere;word-break:break-word}.header>*{min-width:0}@media (min-width: 721px){.chart-md-legend{width:max-content;max-width:none!important}}.header{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:12px;padding:14px 20px;background:#0b0f1aa6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.badge{padding:6px 10px;border:1px solid var(--border);border-radius:10px;background:linear-gradient(180deg,#7c5cff24,#7c5cff0a);color:var(--ink);font-weight:600}.btn,select{padding:8px 12px;border-radius:10px;border:1px solid var(--border);background:var(--panel);color:var(--ink);outline:none;cursor:pointer;box-shadow:var(--shadow)}.btn{line-height:1.2}.btn:hover,select:hover{border-color:var(--grid)}.btn{touch-action:manipulation}input,textarea{padding:8px 12px;border-radius:10px;border:1px solid var(--border);background:var(--panel);color:var(--ink);outline:none;box-shadow:var(--shadow);cursor:text}input[type=checkbox]{width:18px;height:18px}.btn:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid rgba(124,92,255,.65);outline-offset:2px}.container{padding:16px 20px 40px;max-width:1280px;margin:0 auto}.row{display:grid;grid-template-columns:1fr;gap:16px}.row>*{min-width:0}.metrics-grid--2col-desktop{display:grid;gap:10px;align-items:stretch}html[data-viewport=desktop] .metrics-grid--2col-desktop{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-viewport=mobile] .metrics-grid--2col-desktop{grid-template-columns:1fr}@media (max-width: 720px),(max-height: 520px) and (pointer: coarse){.metrics-grid--2col-desktop{grid-template-columns:1fr}}.card{border:1px solid var(--border);border-radius:16px;background:linear-gradient(180deg,#111628e6,#111628cc);box-shadow:var(--shadow);overflow:hidden;padding:16px}.card.chart{height:70vh}.history-page .card.chart{height:56vh}.card.chart{padding:0}h2{margin:0}.opacity-80{opacity:.8}.opacity-70{opacity:.7}.text-center{text-align:center}.chart-live-btn{position:absolute;top:10px;right:72px;z-index:10;width:38px;height:34px;padding:0;display:grid;place-items:center;line-height:1;font-size:18px}.card.chart{height:70vh;height:70svh}.history-page .card.chart{height:56vh;height:56svh}html[data-viewport=mobile]{--tap-min: 44px;--chart-panel-bar-h: 44px}@media (max-width: 720px),(max-height: 520px) and (pointer: coarse){html{--tap-min: 44px;--chart-panel-bar-h: 44px}.header{padding:calc(10px + env(safe-area-inset-top,0px)) calc(12px + env(safe-area-inset-right,0px)) 10px calc(12px + env(safe-area-inset-left,0px));gap:10px}.header{flex-wrap:wrap}body{touch-action:pan-y}.container{padding:calc(12px + env(safe-area-inset-top,0px)) calc(12px + env(safe-area-inset-right,0px)) 28px calc(12px + env(safe-area-inset-left,0px));max-width:100%}.history-page .row{grid-template-columns:1fr!important}.card.chart{height:64vh;height:64svh}.history-page .card.chart{height:54vh;height:54svh}.chart-live-btn{top:8px;right:calc(12px + env(safe-area-inset-right,0px));width:44px;height:44px}.btn,select,input,textarea{min-height:var(--tap-min);font-size:16px;padding:10px 12px}}@media (max-width: 980px){.header{flex-wrap:wrap}}.header,.container,.card.chart{transition:padding .18s ease,height .18s ease}@media (prefers-reduced-motion: reduce){.header,.container,.card.chart{transition:none}}html[data-viewport=mobile] .app-header{flex-direction:column}html[data-viewport=mobile] .app-header__bar{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;width:100%}html[data-viewport=mobile] .app-header__menuBtn{padding:6px 10px;min-width:44px;min-height:44px}html[data-viewport=mobile] .app-header__brand{display:flex;justify-content:flex-end;justify-self:end;min-width:0}html[data-viewport=mobile] .app-header__overlay{position:fixed;left:0;right:0;bottom:0;z-index:50;background:#05060afa;padding:0 12px 12px}html[data-viewport=mobile] .app-header__panel{width:100%;border:1px solid rgba(0,255,220,.22);border-radius:14px;background:#0a0c14f5;box-shadow:var(--shadow),0 0 0 1px #00ffdc59,0 0 18px #00ffdc2e;overflow:auto}html[data-viewport=mobile] .app-header__menuContent{display:flex;flex-wrap:wrap;gap:8px;padding:10px;align-items:center}