:root{--bg: #050607;--panel: #0c0f12;--panel-2: #10141a;--line: rgba(255, 255, 255, .07);--text: #e9eef3;--muted: rgba(233, 238, 243, .52);--led: #ff9d00;--up: #00e38c;--down: #ff3d57;--dot: "Doto", "JetBrains Mono", ui-monospace, monospace;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--sans: "Inter", ui-sans-serif, system-ui, sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:radial-gradient(circle at 1px 1px,rgba(255,157,0,.06) 1px,transparent 0) 0 0 / 14px 14px,var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit}p,h2{margin:0}a{color:var(--led)}.wrap{max-width:1180px;margin:0 auto;padding:18px 16px 48px}.muted{color:var(--muted)}.small{font-size:12px}.label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:700}.led{font-family:var(--dot);font-weight:800;letter-spacing:.04em;text-shadow:0 0 10px currentColor}.top{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px}.brand-name{font-weight:800}.brand-tag{font-size:12px;color:var(--muted)}.controls{display:flex;align-items:center;gap:8px}.pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid var(--line);border-radius:999px;font-size:12px;background:var(--panel);white-space:nowrap}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot-live{background:var(--up);box-shadow:0 0 8px var(--up);animation:pulse 1.4s ease-in-out infinite}.dot-demo{background:var(--led)}.dot-connecting,.dot-offline{background:var(--muted);animation:pulse .8s ease-in-out infinite}@keyframes pulse{50%{opacity:.3}}.seg{display:flex;padding:2px;border:1px solid var(--line);border-radius:999px;background:var(--panel)}.seg button{border:0;background:none;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;cursor:pointer;color:var(--muted)}.seg button.active{background:var(--led);color:#140b00}.tape{margin-top:18px;overflow:hidden;border-radius:12px;border:1px solid rgba(255,157,0,.25);background:#020303;padding:12px 0;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.tape:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 1px 1px,transparent 1px,rgba(0,0,0,.55) 1.6px) 0 0 / 4px 4px}.tape-track{display:inline-flex;white-space:nowrap;gap:22px;padding-left:22px;animation:scroll linear infinite;font-family:var(--dot);font-weight:800;font-size:22px;letter-spacing:.06em}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.tape-item{color:var(--led);text-shadow:0 0 8px currentColor}.tape-item.up{color:var(--up)}.tape-item.down{color:var(--down)}.tape-price{opacity:.75}.tape-sep{color:#ff9d0080}.session{margin:14px 2px 8px}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.kpi,.panel{background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--line);border-radius:16px;padding:14px 16px;min-width:0}.kpi .led{font-size:30px;margin:6px 0 2px}.kpi.up .led{color:var(--up)}.kpi.down .led{color:var(--down)}.balances{margin-top:12px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:12px}.balance{margin-top:12px}.balance-bar{display:flex;height:12px;border-radius:999px;overflow:hidden;background:#1a1f25}.balance-bar span{display:block;height:100%;transition:width .6s ease}.pressure .a{background:var(--up)}.pressure .b,.liqbal .a{background:var(--down)}.liqbal .b{background:var(--up)}.balance-legend{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;font-family:var(--mono);color:var(--muted)}.record .big-num{font-size:26px;margin:8px 0 4px}.side-buy.led,.side-short.led{color:var(--up)}.side-sell.led,.side-long.led{color:var(--down)}.feeds{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.panel-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 10px;margin-bottom:10px}.panel-head h2{font-size:17px;font-weight:800}.feed{display:grid;gap:4px;max-height:520px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.feed-row{display:grid;grid-template-columns:44px 52px 76px 1fr auto;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;font-family:var(--mono);font-size:13px;background:#ffffff05;border-left:3px solid transparent}.feed-row.side-buy,.feed-row.side-short{border-left-color:var(--up)}.feed-row.side-sell,.feed-row.side-long{border-left-color:var(--down)}.f-time{color:var(--muted);font-size:12px}.f-coin{font-weight:800}.f-side{font-size:11px;font-weight:800;letter-spacing:.08em}.side-buy .f-side,.side-short .f-side{color:var(--up)}.side-sell .f-side,.side-long .f-side{color:var(--down)}.f-usd{font-weight:800;text-align:right}.f-price{color:var(--muted);text-align:right;min-width:72px}.feed-row.big{background:#ff9d0012}.feed-row.big .f-usd{color:var(--led);text-shadow:0 0 8px rgba(255,157,0,.6)}.feed-row.fresh{animation:flash 1.4s ease-out}@keyframes flash{0%{background:#ff9d0059}to{background:#ffffff05}}.empty{padding:26px 12px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:12px;font-size:14px}.tiles{margin-top:18px}.section-title{font-size:17px;font-weight:800;margin-bottom:10px}.tile-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.tile{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:14px}.tile-head{display:flex;justify-content:space-between;align-items:center;font-family:var(--mono)}.tile.up .chg{color:var(--up)}.tile.down .chg{color:var(--down)}.tile-price{font-size:22px;margin:8px 0;color:var(--led)}.tile dl{margin:0;display:grid;gap:4px;font-size:12px}.tile dl div{display:flex;justify-content:space-between;gap:8px}.tile dt{color:var(--muted)}.tile dd{margin:0;font-family:var(--mono);font-weight:700}.foot{margin-top:18px;display:grid;gap:10px}details{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px 16px}summary{cursor:pointer;font-weight:700}details p{margin-top:8px;color:var(--muted);line-height:1.6;font-size:14px}.embed{padding:10px}.embed .tape{margin-top:0}.embed-head{display:flex;justify-content:space-between;align-items:center;margin:10px 2px}.embed .feed{max-height:none}@media(max-width:1000px){.kpis,.balances{grid-template-columns:repeat(2,minmax(0,1fr))}.feeds{grid-template-columns:1fr}.tile-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:560px){.kpi .led{font-size:22px}.record .big-num{font-size:20px}.tape-track{font-size:17px}.tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feed-row{grid-template-columns:38px 44px 62px 1fr}.f-price{display:none}}@media(prefers-reduced-motion:reduce){.tape-track{animation:none}.tape{overflow-x:auto}*,*:before,*:after{transition:none!important}.feed-row.fresh,.dot{animation:none!important}}