:root{--bg: #000000;--bg-soft: #060a09;--glass: rgba(255, 255, 255, .04);--glass-strong: rgba(255, 255, 255, .07);--glass-border: rgba(0, 255, 255, .18);--neon-green: #089981;--neon-cyan: #00ffff;--neon-red: #f23456;--candle-up: #089981;--candle-down: #f23456;--text: #e8fffb;--text-dim: #7fa8a0;--font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI", "Helvetica Neue", Helvetica, Arial, system-ui, sans-serif;--mono: "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{background:var(--bg);background-image:radial-gradient(1200px 600px at 80% -10%,rgba(0,255,255,.07),transparent 60%),radial-gradient(900px 500px at 10% 110%,rgba(8,153,129,.1),transparent 60%);color:var(--text);font-family:var(--font);font-size:13px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00ffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00ffff59}.glass{background:var(--glass);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border:1px solid var(--glass-border);border-radius:14px;box-shadow:0 0 0 1px #ffffff05 inset,0 8px 32px #0000008c,0 0 24px #00ffff0d}.glass-strong{background:var(--glass-strong);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);border:1px solid rgba(0,255,255,.25);border-radius:14px;box-shadow:0 8px 40px #0009,0 0 32px #00ffff14}.btn{font-family:var(--font);font-size:12px;font-weight:600;padding:7px 14px;border-radius:10px;cursor:pointer;border:1px solid rgba(255,255,255,.1);background:var(--glass);color:var(--text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .18s ease;white-space:nowrap}.btn:hover{background:var(--glass-strong);border-color:#00ffff59}.btn-teal{border-color:#00ffff73;color:var(--neon-cyan);box-shadow:0 0 12px #00ffff26,0 0 4px #0ff3 inset;text-shadow:0 0 8px rgba(0,255,255,.6)}.btn-teal:hover{background:#00ffff14;box-shadow:0 0 22px #0ff6,0 0 8px #00ffff4d inset;border-color:var(--neon-cyan)}.btn-green{border-color:#0899818c;color:#2de8c8;box-shadow:0 0 12px #08998140;text-shadow:0 0 8px rgba(8,153,129,.7)}.btn-green:hover{background:#0899811f;box-shadow:0 0 22px #08998180;border-color:var(--neon-green)}.btn-red{border-color:#f2345680;color:#ff5c7a;box-shadow:0 0 12px #f234562e;text-shadow:0 0 8px rgba(242,52,86,.6)}.btn-red:hover{background:#f234561a;box-shadow:0 0 22px #f2345673;border-color:var(--neon-red)}.btn-active{background:#00ffff1f!important;border-color:var(--neon-cyan)!important;color:var(--neon-cyan)!important;box-shadow:0 0 16px #00ffff4d}.btn:disabled{opacity:.4;cursor:not-allowed}input,select,textarea{font-family:var(--font);font-size:12px;background:#00000073;border:1px solid rgba(0,255,255,.15);border-radius:8px;color:var(--text);padding:7px 10px;outline:none;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:#00ffff80;box-shadow:0 0 10px #00ffff26}select option{background:#0a0f0e;color:var(--text)}textarea{font-family:var(--mono);resize:vertical}label.field{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--text-dim)}.row{display:flex;align-items:center;gap:8px}.col{display:flex;flex-direction:column;gap:8px}.grow{flex:1;min-width:0}.mono{font-family:var(--mono)}.dim{color:var(--text-dim)}.up{color:var(--candle-up)}.down{color:var(--candle-down)}.cyan{color:var(--neon-cyan)}.panel-title{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--neon-cyan);text-shadow:0 0 10px rgba(0,255,255,.5)}.badge{font-size:10px;font-weight:600;padding:2px 8px;border-radius:99px;border:1px solid rgba(0,255,255,.3);color:var(--neon-cyan)}.badge.red{border-color:#f2345680;color:var(--neon-red)}.badge.green{border-color:#08998199;color:#2de8c8}.logo{font-weight:700;font-size:15px;letter-spacing:.04em;background:linear-gradient(90deg,var(--neon-green),var(--neon-cyan));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 10px rgba(0,255,255,.45))}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px #0ff3}50%{box-shadow:0 0 20px #00ffff80}}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--neon-green);box-shadow:0 0 8px var(--neon-green);animation:pulse-glow 1.6s infinite}.side-panel{width:380px;padding:14px;overflow:hidden;display:flex;flex-shrink:0}@media(max-width:1000px){.side-panel{position:fixed;top:64px;right:8px;bottom:8px;width:min(400px,calc(100vw - 16px));z-index:60;box-shadow:-12px 0 48px #000c,0 0 32px #00ffff1a}}.topbar{flex-wrap:wrap;row-gap:6px}.tb-logo{flex-shrink:0}.tb-controls{flex:1;min-width:0;flex-wrap:wrap;row-gap:6px}.draw-bar{position:absolute;left:8px;top:50%;transform:translate(calc(-100% + 12px),-50%);z-index:20;display:flex;flex-direction:column;gap:4px;padding:8px 6px;opacity:.35;transition:transform .22s ease,opacity .22s ease}.draw-bar:hover,.draw-bar.pinned{transform:translateY(-50%);opacity:1}.tour-draw .draw-bar{transform:translateY(-50%)!important;opacity:1!important}.draw-btn{padding:5px 0!important;width:34px;font-size:14px;line-height:1;text-align:center}@media(max-width:700px){.topbar{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:6px!important;padding:6px 10px!important}.topbar::-webkit-scrollbar{display:none}.topbar .logo{font-size:12px;white-space:nowrap}.topbar .btn{padding:5px 9px;font-size:11px;white-space:nowrap}.menu-label{display:inline}.topbar-main{flex-wrap:wrap!important;overflow-x:visible!important}.topbar-main .tb-logo{flex:1 0 100%;justify-content:center}.topbar-main .tb-controls{flex:1 0 100%;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;gap:8px}.topbar-main .tb-controls::-webkit-scrollbar{display:none}.glass .row{flex-wrap:wrap}.topbar.glass .row,.tb-controls.row{flex-wrap:nowrap}.side-panel{top:56px;right:4px;bottom:4px;width:calc(100vw - 8px);padding:10px}.glass,.glass-strong{border-radius:10px}input,select,textarea{font-size:13px}.draw-bar{top:auto;bottom:40px;transform:translate(calc(-100% + 12px))}.draw-bar:hover,.draw-bar.pinned{transform:translate(0)}.tour-draw .draw-bar{transform:translate(0)!important}}.landing-pain-row{display:flex;gap:12px;flex-wrap:wrap;align-items:stretch}.landing-pain-arrow{align-self:center}@media(max-width:640px){.landing-pain-row{gap:6px}.landing-pain-arrow{align-self:center;transform:rotate(90deg);font-size:16px}.landing-pain-row>.glass{min-width:100%!important}}.notif-badge{position:absolute;top:-4px;right:-4px;min-width:15px;height:15px;border-radius:99px;background:var(--neon-red);color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 3px;box-shadow:0 0 8px #f23456cc}.logo-img{height:26px;width:auto;filter:drop-shadow(0 0 8px rgba(0,255,255,.5))}.md pre{background:#0009;border:1px solid rgba(0,255,255,.15);border-radius:8px;padding:10px;overflow-x:auto;font-family:var(--mono);font-size:11px;margin:6px 0}.md code{font-family:var(--mono);color:#7df9e9;font-size:11px}.md p{margin:4px 0;line-height:1.55}