:root{--bg:#0e1117;--panel:#151a23;--border:#222a36;--text:#e6e9ef;--muted:#9aa4b2;--accent:#2962ff;--live:#26a69a;--warn:#f0a202;--down:#ef5350;--bar-height:44px}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none}main{height:100dvh;width:100%}.chart-shell{display:flex;flex-direction:column;height:100%}.chart-bar{height:var(--bar-height);flex:0 0 var(--bar-height);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 16px;background:var(--panel);border-bottom:1px solid var(--border)}.brand{font-size:15px;font-weight:700;letter-spacing:.02em;color:var(--text)}.brand span{color:var(--accent)}.status{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap}.status i{width:8px;height:8px;border-radius:50%;background:var(--muted);flex:0 0 8px}.status-live i{background:var(--live);box-shadow:0 0 0 3px color-mix(in srgb,var(--live) 22%,transparent)}.status-connecting i{background:var(--warn);animation:pulse 1.2s ease-in-out infinite}.status-offline i{background:var(--down)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@media (prefers-reduced-motion:reduce){.status-connecting i{animation:none}}.chart-container{flex:1 1 auto;min-height:0;width:100%}.chart-error{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;text-align:center}.chart-error strong{font-size:16px}.chart-error p{margin:0;color:var(--muted);font-size:13px;max-width:42ch}.chart-problem{flex:0 0 auto;padding:10px 16px;background:color-mix(in srgb,var(--down) 14%,var(--panel));border-bottom:1px solid color-mix(in srgb,var(--down) 45%,transparent);color:var(--text);font-size:13px;line-height:1.5}