:root{--bg: #0b0e13;--panel: #0f131b;--border: #1c2230;--text: #d1d4dc;--muted: #787b86;--accent: #4c8dff;--up: #26a69a;--down: #ef5350;--font-ui: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, "Roboto Mono", monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;overscroll-behavior:none}.app{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:center;gap:16px;height:48px;padding:0 12px;padding-top:env(safe-area-inset-top);background:var(--panel);border-bottom:1px solid var(--border);flex:none}.symbol-form{margin:0}.symbol-input{width:116px;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--text);font-family:var(--font-mono);font-size:14px;font-weight:600;letter-spacing:.04em;padding:6px 10px;outline:none}.symbol-input:focus{border-color:var(--accent)}.intervals{display:flex;gap:2px}.tf{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;color:var(--muted);font-family:var(--font-mono);font-size:12px;font-variant-numeric:tabular-nums;padding:6px 9px;border-radius:5px;cursor:pointer}.tf:hover{color:var(--text)}.tf--on{color:#fff;background:var(--accent)}.status{margin-left:auto;display:flex;align-items:center;gap:14px}.ticker{font-family:var(--font-mono);font-size:13px;font-weight:600;letter-spacing:.04em;color:var(--text)}.live{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--up);box-shadow:0 0 #26a69a80;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #26a69a73}70%{box-shadow:0 0 0 6px #26a69a00}to{box-shadow:0 0 #26a69a00}}@media(prefers-reduced-motion:reduce){.live-dot{animation:none}}.main{flex:1;min-height:0;position:relative}.chart{position:absolute;top:0;right:0;bottom:0;left:0}