:root{--bg: #0b1120;--panel: #111827;--panel-2: #0f172a;--border: #1f2937;--text: #e2e8f0;--muted: #94a3b8;--bid: #22c55e;--ask: #ef4444;--spread: #3b82f6;--radius: 12px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1200px 600px at 20% -10%,#16213e 0%,var(--bg) 55%);color:var(--text);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;height:100%;padding:16px;gap:16px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:linear-gradient(180deg,var(--panel) 0%,var(--panel-2) 100%);border:1px solid var(--border);border-radius:var(--radius);padding:12px 18px}.topbar__brand{display:flex;align-items:center;gap:12px}.topbar__logo{width:14px;height:14px;border-radius:4px;background:linear-gradient(135deg,var(--bid),var(--spread));box-shadow:0 0 12px #3b82f699}.topbar__title{font-size:1.05rem;font-weight:600;letter-spacing:.2px;margin:0}.topbar__controls{display:flex;align-items:center;gap:14px}.control{display:flex;align-items:center;gap:8px}.control__label{color:var(--muted);font-size:.8rem}.select{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:7px 10px;font-size:.85rem;cursor:pointer}.select:focus{outline:none;border-color:var(--spread)}.toggle{background:var(--panel-2);color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:7px 16px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s ease}.toggle--on{background:#22c55e1f;color:var(--bid);border-color:#22c55e80}.live-indicator{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;border:1px solid var(--border);background:var(--panel-2);font-size:.8rem;font-variant-numeric:tabular-nums}.live-indicator__dot{width:9px;height:9px;border-radius:50%;background:var(--muted)}.live-indicator--ok .live-indicator__dot{background:var(--bid);box-shadow:0 0 8px var(--bid);animation:pulse 1.4s ease-in-out infinite}.live-indicator--warn .live-indicator__dot{background:#f59e0b;box-shadow:0 0 8px #f59e0b}.live-indicator--off{opacity:.6}.live-indicator__source{color:var(--muted);text-transform:uppercase;font-size:.68rem;letter-spacing:.5px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.grid{flex:1;min-height:0;display:grid;gap:16px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;grid-template-areas:"orderbook spread" "candles candles"}.panel--orderbook{grid-area:orderbook}.panel--spread{grid-area:spread}.panel--candles{grid-area:candles}.panel{display:flex;flex-direction:column;min-height:0;background:linear-gradient(180deg,var(--panel) 0%,var(--panel-2) 100%);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.panel__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.panel__head h2{margin:0;font-size:.9rem;font-weight:600;color:var(--text)}.panel__legend{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:.75rem}.panel__body{flex:1;min-height:0}.panel__empty{display:grid;place-items:center;height:100%;color:var(--muted);font-size:.85rem}.dot{width:9px;height:9px;border-radius:2px;display:inline-block;margin-left:8px}.dot--bid{background:var(--bid)}.dot--ask{background:var(--ask)}.dot--spread{background:var(--spread)}.panel__legend-text{margin-left:8px;color:var(--muted)}.quote-card{display:flex;flex-direction:column;gap:12px;height:100%}.quote-card__title{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.quote-card__price{font-size:2rem;font-weight:700;color:var(--text)}.quote-card__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quote-card__grid>div{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:10px;background:#0f172abf;border:1px solid var(--border)}.quote-card__grid span{color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}.quote-card__grid b{font-size:.9rem;font-variant-numeric:tabular-nums}.candles{display:flex;flex-direction:column;height:100%;width:100%}.candles__price{flex:3;min-height:0}.candles__volume{flex:1;min-height:0}.candle-tooltip{background:#0f172a;border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-size:.75rem;color:var(--text);font-variant-numeric:tabular-nums}.candle-tooltip__time{color:var(--muted);margin-bottom:4px}.candle-tooltip__row{display:flex;gap:6px;align-items:center}.candle-tooltip__row span{color:var(--muted);width:10px}.candle-tooltip__row b{min-width:52px}.candle-tooltip__vol{color:var(--muted);margin-top:4px}@media (max-width: 900px){.grid{grid-template-columns:1fr;grid-template-rows:repeat(3,minmax(220px,1fr));grid-template-areas:"orderbook" "spread" "candles"}.topbar{justify-content:flex-start}}