:root{--bg: #0a0e1a;--bg-elev: #0c1120;--bg-elev-2: #121827;--bg-hover: #141b30;--border: rgba(255, 255, 255, .06);--border-strong: rgba(255, 255, 255, .12);--text: #f7f9fc;--text-muted: #8a94b4;--text-dim: #4c5576;--brand: #135bec;--brand-muted: rgba(19, 91, 236, .14);--up: #3fb950;--up-dim: rgba(63, 185, 80, .18);--down: #f85149;--down-dim: rgba(248, 81, 73, .18);--flat: #8a94b4;--font-body: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:13px;line-height:1.4;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;overflow:hidden}body{background:radial-gradient(circle at 0% 0%,rgba(19,91,236,.04),transparent 55%),var(--bg)}button,input{font-family:inherit;color:inherit}::selection{background:var(--brand-muted);color:var(--text)}.app{display:grid;grid-template-columns:260px 1fr 320px;grid-template-rows:48px 1fr 168px;grid-template-areas:"topbar topbar topbar" "watch  chart  stats" "tape   tape   tape";height:100vh;gap:1px;background:var(--border)}.panel{background:var(--bg);overflow:hidden;min-width:0;min-height:0}.topbar{grid-area:topbar;display:flex;align-items:center;padding:0 16px;gap:24px}.topbar .brand{font-family:var(--font-mono);font-weight:700;font-size:12px;letter-spacing:.14em;color:var(--text)}.topbar .brand em{font-style:normal;color:var(--brand);margin-left:8px;font-weight:500}.topbar .bar{flex:1;display:flex;align-items:center;gap:8px;background:var(--bg-elev-2);border:1px solid var(--border);padding:5px 10px;max-width:340px;transition:border-color .12s ease}.topbar .bar:focus-within{border-color:var(--brand)}.topbar .bar .prompt{color:var(--brand);font-family:var(--font-mono);font-size:12px}.topbar .bar input{background:transparent;border:none;outline:none;flex:1;font-family:var(--font-mono);font-size:12px;color:var(--text);text-transform:uppercase;letter-spacing:.05em}.topbar .bar input::placeholder{color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;font-size:10px}.topbar .bar kbd{font-family:var(--font-mono);font-size:10px;color:var(--text-dim);background:#ffffff0a;border:1px solid var(--border);padding:1px 6px}.topbar .meta{display:flex;align-items:center;gap:18px;font-family:var(--font-mono);font-size:10px;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase}.topbar .meta .lbl{color:var(--text-dim);margin-right:6px}.topbar .dots{display:flex;gap:5px}.dot{width:7px;height:7px;border-radius:50%;background:var(--text-dim);box-shadow:inset 0 0 0 1px #ffffff14}.dot.live{background:var(--up);box-shadow:0 0 8px var(--up-dim)}.dot.warn{background:var(--down)}.section-header{display:flex;align-items:center;justify-content:space-between;padding:0 12px;height:26px;font-family:var(--font-mono);font-size:9px;letter-spacing:.16em;color:var(--text-dim);text-transform:uppercase;border-bottom:1px solid var(--border);background:var(--bg)}.watch{grid-area:watch;overflow-y:auto}.watch-row{display:grid;grid-template-columns:18px 1fr auto 68px;align-items:center;gap:10px;padding:0 12px;height:30px;border-bottom:1px solid var(--border);cursor:pointer;font-family:var(--font-mono);font-size:12px;color:var(--text);transition:background-color 80ms ease}.watch-row:hover{background:var(--bg-hover)}.watch-row.active{background:var(--brand-muted);box-shadow:inset 2px 0 0 0 var(--brand)}.watch-row .idx{color:var(--text-dim);font-size:10px;text-align:center}.watch-row .sym{font-weight:600;letter-spacing:.04em}.watch-row .price{text-align:right;color:var(--text)}.watch-row .delta{text-align:right;font-size:11px;padding:2px 6px;border-radius:1px;font-variant-numeric:tabular-nums}.watch-row .delta.up{color:var(--up);background:var(--up-dim)}.watch-row .delta.down{color:var(--down);background:var(--down-dim)}.watch-row .delta.flat{color:var(--text-muted)}.chart-wrap{grid-area:chart;display:grid;grid-template-rows:52px 1fr}.chart-head{display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--border)}.chart-head .symbol-block{display:flex;align-items:baseline;gap:12px}.chart-head .symbol{font-family:var(--font-mono);font-size:15px;font-weight:700;letter-spacing:.08em}.chart-head .tf-tag{font-family:var(--font-mono);font-size:9px;letter-spacing:.16em;color:var(--text-dim);text-transform:uppercase;padding:2px 7px;border:1px solid var(--border)}.chart-head .price-block{display:flex;align-items:baseline;gap:14px}.chart-head .price{font-family:var(--font-mono);font-size:22px;font-weight:500;letter-spacing:-.01em}.chart-head .delta{font-family:var(--font-mono);font-size:11px;padding:2px 8px;letter-spacing:.03em}.chart-head .delta.up{color:var(--up);background:var(--up-dim)}.chart-head .delta.down{color:var(--down);background:var(--down-dim)}.chart-host{width:100%;height:100%;position:relative}.chart-legend{position:absolute;top:8px;left:12px;z-index:2;display:flex;gap:12px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase;pointer-events:none}.chart-legend span{display:inline-flex;align-items:center;gap:6px}.chart-legend i{width:10px;height:2px;background:var(--brand);display:inline-block}.chart-legend .hollow{width:8px;height:8px;border:1px solid var(--up);background:transparent}.chart-legend .filled{width:8px;height:8px;background:var(--down)}.stats{grid-area:stats;overflow-y:auto}.stat-block{padding:10px 16px 14px;border-bottom:1px solid var(--border)}.stat-row{display:flex;justify-content:space-between;align-items:baseline;padding:3px 0;font-family:var(--font-mono)}.stat-row .k{color:var(--text-muted);text-transform:uppercase;letter-spacing:.09em;font-size:10px}.stat-row .v{color:var(--text);font-size:12px;font-weight:500}.stat-hero{font-family:var(--font-mono);font-size:28px;font-weight:500;letter-spacing:-.02em;line-height:1.1;padding:4px 0 6px}.stat-hero small{font-size:11px;color:var(--text-muted);margin-left:6px;font-weight:400;letter-spacing:.1em}.trend-pill{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px}.trend-pill.up{color:var(--up);background:var(--up-dim)}.trend-pill.down{color:var(--down);background:var(--down-dim)}.trend-pill.sideways{color:var(--flat);background:#8a94b424}.trend-pill:before{content:"●";font-size:8px}.range-viz{margin-top:14px;position:relative;height:38px}.range-viz .track{position:absolute;top:16px;left:0;right:0;height:4px;background:var(--bg-hover)}.range-viz .fill{position:absolute;top:16px;left:0;right:0;height:4px;background:linear-gradient(90deg,#f8514959,#8a94b433 50%,#3fb95059)}.range-viz .marker{position:absolute;top:10px;width:2px;height:16px;background:var(--text);transform:translate(-1px);box-shadow:0 0 6px #f7f9fc66}.range-viz .label{position:absolute;font-family:var(--font-mono);font-size:10px;color:var(--text-muted);top:22px}.range-viz .label.l{left:0}.range-viz .label.r{right:0}.tape{grid-area:tape;display:flex;flex-direction:column;border-top:1px solid var(--border)}.tape-rows{flex:1;overflow-x:auto;overflow-y:hidden;display:grid;grid-auto-flow:column;grid-auto-columns:104px}.tape-cell{padding:6px 12px;border-right:1px solid var(--border);font-family:var(--font-mono);display:flex;flex-direction:column;gap:3px;justify-content:center;position:relative}.tape-cell:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px}.tape-cell.up:after{background:var(--up);opacity:.4}.tape-cell.down:after{background:var(--down);opacity:.4}.tape-cell .t{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}.tape-cell .px{font-size:13px;font-weight:500;color:var(--text);letter-spacing:-.01em}.tape-cell.up .px{color:var(--up)}.tape-cell.down .px{color:var(--down)}.tape-cell .vol{font-size:10px;color:var(--text-muted)}@keyframes shimmer{0%{background-position:-240px 0}to{background-position:240px 0}}.skel{background:linear-gradient(90deg,var(--bg-elev) 25%,var(--bg-hover) 50%,var(--bg-elev) 75%);background-size:240px 100%;animation:shimmer 1.4s infinite linear;color:transparent!important;border-radius:1px;display:inline-block;min-width:40px;height:12px}@keyframes reveal{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.panel{animation:reveal .4s ease-out both;animation-delay:var(--d, 0ms)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.err-banner{position:fixed;bottom:180px;left:50%;transform:translate(-50%);background:var(--down-dim);color:var(--down);border:1px solid rgba(248,81,73,.4);padding:6px 14px;font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;z-index:100}