:root{color:#d7deea;background:#0b0d12;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:#0b0d12;overscroll-behavior:none}button{font:inherit}button{border:1px solid #374052;border-radius:6px;padding:0 14px;min-height:38px;color:#f6f8fb;background:#1a202b;box-shadow:inset 0 1px #ffffff0d;cursor:pointer;transition:border-color .12s ease,background-color .12s ease,color .12s ease,transform .12s ease}button:hover:not(:disabled){border-color:#4b5a72;background:#232b38}button:active:not(:disabled){transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.55}.eyebrow{margin:0 0 6px;color:#8d9ab0;font-size:12px;font-weight:700;letter-spacing:0;text-transform:uppercase}h1{margin:0;color:#f3f6fb;font-size:28px;letter-spacing:0}.chart-shell{display:grid;grid-template-rows:auto 1fr;height:100dvh;overflow-x:hidden;overflow-y:hidden;min-height:100vh;background:#0d0f12}.status-pill,.status-message,.status-update{display:inline-flex;align-items:center;min-height:26px;border:1px solid #2a3342;border-radius:6px;padding:0 10px;background:#0d1219}.status-pill{gap:7px;color:#e6ecf6;font-weight:700}.status-message{max-width:min(440px,100%);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-update{color:#c3ccda}.chart-topbar{position:relative;z-index:10;display:grid;grid-template-columns:minmax(220px,auto) minmax(0,1fr);align-items:start;gap:10px 18px;min-width:0;border-bottom:1px solid #242b38;padding:11px 14px 10px;background:#121821;box-shadow:0 1px #ffffff08}.chart-topbar-primary{display:grid;gap:8px;min-width:0}.chart-title-group{min-width:0}.chart-title-group .eyebrow{margin-bottom:4px}.chart-title-group h1{overflow:hidden;font-size:20px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.chart-status-cluster,.chart-meta-strip,.chart-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:7px;min-width:0}.chart-status-cluster{color:#a9b5c7;font-size:12px}.chart-toolbar{justify-content:flex-end}.chart-meta-strip{grid-column:1 / -1;color:#a9b5c7;font-size:12px}.chart-timeframe-control{flex:0 0 auto}.timeframe-control{display:inline-flex;overflow:hidden;flex:0 0 auto;border:1px solid #374052;border-radius:6px;background:#0c111a}.timeframe-button{min-width:46px;min-height:34px;border:0;border-right:1px solid #2d3749;border-radius:0;padding:0 10px;color:#b8c4d6;background:transparent;box-shadow:none}.timeframe-button:last-child{border-right:0}.timeframe-button[aria-pressed=true]{color:#111722;background:#f0b90b}.status-dot{display:inline-block;width:8px;height:8px;flex:0 0 auto;border-radius:999px;background:#7d8798}.status-connected{background:#22ab94}.status-loading,.status-checking{background:#f0b90b}.status-error{background:#f23645}.chart-surface{overflow:hidden;min-height:0;padding:0}.chart-container{position:relative;width:100%;height:100%;min-height:0;overscroll-behavior:contain;touch-action:none;-webkit-user-select:none;user-select:none}.structure-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;width:100%;height:100%;pointer-events:none}@media(max-width:820px){.chart-topbar{grid-template-columns:1fr;gap:9px;padding:9px 10px}.chart-topbar-primary{grid-template-columns:minmax(0,1fr) auto;align-items:center}.chart-title-group h1{font-size:17px}.chart-status-cluster{justify-content:flex-end}.chart-status-cluster .status-update{display:none}.chart-toolbar{display:grid;grid-template-columns:minmax(132px,1fr) minmax(0,auto);gap:7px}.chart-timeframe-control{max-width:100%;overflow-x:auto;scrollbar-width:none}.chart-timeframe-control::-webkit-scrollbar{display:none}.timeframe-button{min-width:40px;padding:0 8px}.chart-meta-strip{display:grid;gap:6px;min-height:26px}.chart-meta-strip .status-update{display:none}.status-message,.status-update{max-width:100%}}@media(max-width:520px){.chart-topbar-primary{grid-template-columns:1fr}.chart-status-cluster{justify-content:flex-start}.chart-toolbar{grid-template-columns:minmax(0,1fr)}.chart-timeframe-control{width:100%}}