:root{--bg: #07070b;--bg-1: #0b0b12;--bg-2: #11111a;--bg-3: #181826;--line: rgba(255, 255, 255, .06);--line-2: rgba(255, 255, 255, .1);--text: #eaeaf2;--muted: #8688a3;--muted-2: #5d5f78;--muted-text: #7e80a0;--long: #1be08a;--short: #ff4d6d;--value: #34d6ff;--gold: #ffd24a;--purple: #a855f7;--mono: "JetBrains Mono", ui-monospace, monospace;--sans: Pretendard, -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--sans);word-break:keep-all;-webkit-font-smoothing:antialiased;font-size:14px}.num{font-family:var(--mono);font-feature-settings:"tnum";letter-spacing:-.2px}.buy{color:var(--long)}.sell{color:var(--short)}.eyebrow{font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted-2)}.app{display:grid;grid-template-rows:auto auto 1fr auto;height:100%;background:radial-gradient(1100px 560px at 8% -12%,rgba(52,214,255,.05),transparent 60%),radial-gradient(900px 540px at 100% -6%,rgba(168,85,247,.05),transparent 55%),var(--bg)}.hdr{display:flex;align-items:center;gap:16px;padding:11px 20px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#11111ad9,#07070b99);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-wrap:wrap}.brand{display:flex;align-items:center;gap:10px}.logo{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:18px;background:radial-gradient(120% 120% at 30% 20%,#34d6ff40,#a855f72e);border:1px solid var(--line-2);box-shadow:0 0 18px #34d6ff1f inset}.brand-name{display:flex;flex-direction:column;line-height:1.05}.brand-name b{font-size:16px;font-weight:800;letter-spacing:-.4px}.brand-name .eyebrow{font-size:8.5px;letter-spacing:1.8px;margin-top:2px}.tabs{display:flex;gap:6px}.tab{border:1px solid var(--line);background:var(--bg-2);color:var(--muted);padding:6px 13px;border-radius:999px;cursor:pointer;font-size:13px;font-weight:600;transition:all .13s ease}.tab:hover{color:var(--text);border-color:var(--line-2)}.tab.active{background:#f4f4f8;color:#07070b;border-color:#f4f4f8}.tab.sm{padding:5px 9px;font-size:11.5px}.tabs.tf{padding-left:12px;margin-left:2px;border-left:1px solid var(--line)}.tabs.tf .tab.active{background:var(--value);color:#07070b;border-color:var(--value)}.minsel-wrap{display:flex;align-items:center;gap:6px}.minsel-label{font-size:11px;color:var(--muted-2);font-weight:600}.minsel{background:var(--bg-2);color:var(--text);border:1px solid var(--line);border-radius:999px;padding:5px 10px;font-size:12px;font-weight:600;font-family:var(--sans);cursor:pointer;outline:none}.minsel:hover{border-color:var(--line-2)}.chips{display:flex;gap:6px;margin-left:auto;align-items:center}.chip{border:1px solid var(--line);background:var(--bg-2);color:var(--muted);padding:5px 11px;border-radius:999px;cursor:pointer;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:6px;transition:all .13s ease;text-transform:capitalize}.chip .dot{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 6px currentColor}.chip.bybit.on{color:#f7a600;border-color:#f7a60066;background:#f7a60012}.chip.okx.on{color:var(--value);border-color:#34d6ff66;background:#34d6ff12}.chip.binance.on{color:var(--gold);border-color:#ffd24a59;background:#ffd24a0f}.chip.liq.on{color:var(--gold);border-color:#ffd24a66;background:#ffd24a12}.chip.wall.on{color:var(--purple);border-color:#a855f773;background:#a855f717}.chip.depth.on{color:var(--value);border-color:#34d6ff66;background:#34d6ff14}.chip.off{opacity:.38}.chip .soon{font-size:9px;background:var(--bg-3);padding:1px 5px;border-radius:6px;color:var(--muted-2)}.status{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);padding-left:12px;margin-left:4px;border-left:1px solid var(--line)}.status .dot{width:8px;height:8px;border-radius:50%}.status .dot.connected{background:var(--long);box-shadow:0 0 9px var(--long)}.status .dot.connecting,.status .dot.disconnected{background:var(--short);box-shadow:0 0 9px var(--short)}.status .cnt{color:var(--value)}.stat-strip{display:grid;grid-template-columns:1.6fr 1fr 1.2fr;gap:1px;background:var(--line);border-bottom:1px solid var(--line)}.stat{background:var(--bg-1);padding:9px 20px;display:flex;flex-direction:column;gap:5px}.stat-label{font-size:10.5px;color:var(--muted-text);font-weight:600;letter-spacing:.2px}.stat-val{font-size:15px;font-weight:700}.stat-sub{font-size:11px;color:var(--muted)}.flow-bar{display:flex;height:6px;border-radius:3px;overflow:hidden;background:var(--bg-3)}.flow-buy{background:var(--long)}.flow-sell{background:var(--short)}.main{display:grid;grid-template-columns:272px 1fr 344px;grid-template-rows:minmax(0,1fr);min-height:0}.main.with-depth{grid-template-columns:272px 1fr 344px 132px}@media(max-width:1180px){.main,.main.with-depth{grid-template-columns:244px 1fr}.main .tape,.main .depth-panel,.chip.depth{display:none}}@media(max-width:980px){.stat-strip{grid-template-columns:1fr 1fr}}@media(max-width:780px){.app{height:auto;min-height:100dvh}.main{display:block}.main .hl{display:none}.main .tape{display:flex;max-height:48vh}.chart-wrap{height:56vh;min-height:360px;border-right:none;border-bottom:1px solid var(--line)}.hdr{padding:10px 14px;gap:10px}.tab,.tab.sm,.chip,.minsel{min-height:36px;padding-top:8px;padding-bottom:8px}.tabs.tf{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap}}.hl{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--line);background:var(--bg-1)}.hl-head{padding:13px 16px 11px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.hl-head .ttl{font-size:13px;font-weight:800}.hl-head .hl-sub{color:var(--purple);font-size:9px;font-family:var(--mono);letter-spacing:1px;text-transform:uppercase}.hl-head .hl-meta{color:var(--muted-2);font-size:10px;margin-left:auto}.hl-loading{padding:20px 16px;color:var(--muted);font-size:11.5px;line-height:1.7;text-align:center}.hl-coins{padding:10px 14px 8px;border-bottom:1px solid var(--line-2);overflow-y:auto;max-height:48%}.hl-coin{padding:7px 0}.hl-coin+.hl-coin{border-top:1px solid rgba(255,255,255,.03)}.hl-coin-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:5px}.hl-coin-name{font-weight:700;font-size:13px}.hl-coin-net{font-size:11.5px;font-weight:600}.hl-bar{display:flex;height:7px;border-radius:4px;overflow:hidden;background:var(--bg-3)}.hl-bar-long{background:linear-gradient(90deg,rgba(27,224,138,.55),var(--long))}.hl-bar-short{background:linear-gradient(90deg,var(--short),rgba(255,77,109,.55))}.hl-coin-sub{font-size:10px;color:var(--muted-text);margin-top:4px}.hl-moves-head{padding:11px 16px 8px;font-size:11px;font-weight:700;color:var(--muted)}.hl-moves-note{font-weight:500;color:var(--muted-2);font-size:10px}.hl-moves{overflow-y:auto;flex:1}.hl-move{display:grid;grid-template-columns:40px 56px 24px 1fr auto;gap:7px;align-items:center;padding:7px 14px;border-bottom:1px solid rgba(255,255,255,.03);font-size:11.5px}.hl-move-label{color:var(--purple);font-weight:700;font-size:10.5px}.hl-move-coin{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hl-move-side{font-weight:700;font-size:11px}.hl-move-chg{color:var(--muted);font-size:10.5px}.hl-move-amt{font-weight:600;color:var(--value)}.chart-wrap{position:relative;min-width:0;min-height:0;border-right:1px solid var(--line);background:var(--bg)}.bubble-canvas{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}.chart-meta{position:absolute;top:12px;left:14px;z-index:4;pointer-events:none;display:flex;align-items:baseline;gap:10px;background:#07070b8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:6px 12px;border-radius:10px;border:1px solid var(--line)}.chart-meta .cm-sym{font-weight:800;font-size:14px;letter-spacing:-.3px}.chart-meta .cm-tag{font-family:var(--mono);font-size:8.5px;letter-spacing:1px;color:var(--muted-2);border:1px solid var(--line-2);padding:1px 5px;border-radius:5px}.chart-meta .cm-price{font-size:14px;font-weight:700}.chart-meta .cm-chg{font-size:12px;font-weight:700}.chart-meta .cm-delay{font-size:10px;font-weight:700;color:var(--gold);border:1px solid rgba(255,210,74,.4);border-radius:6px;padding:1px 6px}.bubble-tip{position:absolute;z-index:6;pointer-events:none;transform:translate(-50%,calc(-100% - 11px));background:#0b0b12f5;border:1px solid var(--line-2);border-radius:9px;padding:5px 10px;white-space:nowrap;display:flex;align-items:center;gap:8px;font-size:11.5px;box-shadow:0 6px 20px #0000008c}.bubble-tip .bt-time{color:var(--muted);font-size:10.5px}.bubble-tip .bt-side{font-weight:700}.bubble-tip .bt-amt{font-weight:800}.bubble-tip .bt-n{color:var(--muted-2);font-size:10px}.tape{display:flex;flex-direction:column;min-height:0;background:var(--bg-1)}.tape-head{padding:13px 16px 11px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.tape-head .ttl{font-size:13px;font-weight:800}.tape-head .live{color:var(--long);font-size:9px;font-family:var(--mono);letter-spacing:1px;display:inline-flex;align-items:center;gap:5px}.tape-head .live:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--long);box-shadow:0 0 7px var(--long);animation:pulse 1.6s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.tape-rows{overflow-y:auto;flex:1}.tape-row{display:grid;grid-template-columns:56px 46px 1fr auto;gap:9px;align-items:center;padding:8px 16px;border-bottom:1px solid rgba(255,255,255,.03);font-size:12.5px;animation:rowin .28s ease;transition:background .12s}.tape-row:hover{background:#ffffff05}.tape-row.liq{background:#ffd24a09}@keyframes rowin{0%{opacity:0;transform:translate(7px)}}.t-time{color:var(--muted-text);font-size:11px}.t-ex{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.t-ex.ex-bybit{color:#f7a600}.t-ex.ex-okx{color:var(--value)}.t-ex.ex-binance{color:var(--gold)}.t-sym{color:var(--text);font-weight:600}.t-roll{color:var(--muted-2);font-size:10px}.t-amt{font-weight:700;text-align:right}.t-amt.buy{color:var(--long)}.t-amt.sell{color:var(--short)}.tape-row.big .t-amt{font-size:13.5px}.tape-row.big{background:#ffffff05}.tape-empty{padding:30px 16px;color:var(--muted-2);font-size:12px;text-align:center;line-height:1.8}.depth-panel{display:flex;flex-direction:column;min-height:0;min-width:0;background:var(--bg-1);border-left:1px solid var(--line)}.depth-head{padding:13px 12px 9px;border-bottom:1px solid var(--line);display:flex;align-items:baseline;gap:7px}.depth-head .ttl{font-size:12.5px;font-weight:800}.depth-head .eyebrow{font-size:8px;letter-spacing:1px}.depth-empty{padding:24px 12px;color:var(--muted-2);font-size:11px;text-align:center}.depth-body{flex:1;overflow-y:auto;padding:3px 0}.depth-row{position:relative;display:flex;align-items:center;justify-content:space-between;height:15px;padding:0 9px;font-size:9.5px}.depth-bar{position:absolute;left:0;top:1px;bottom:1px;opacity:.16;border-radius:0 3px 3px 0}.depth-bar.ask{background:var(--short)}.depth-bar.bid{background:var(--long)}.depth-px{position:relative;color:var(--muted)}.depth-n{position:relative;color:var(--text);font-weight:600}.depth-mid{padding:3px 9px;font-size:11px;font-weight:800;color:var(--value);border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2);text-align:center}.depth-note{padding:6px 10px;font-size:9px;color:var(--muted-2);border-top:1px solid var(--line);text-align:center;line-height:1.35}.disclaimer{padding:8px 20px;font-size:11px;color:var(--muted-text);border-top:1px solid var(--line);background:var(--bg-1);text-align:center}.chart-hints{position:absolute;bottom:10px;left:14px;z-index:4;pointer-events:none;display:flex;flex-direction:column;gap:5px;max-width:64%}.chart-hints .hint{font-size:10.5px;line-height:1.3;background:#07070b9e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:8px;padding:4px 9px}.chart-hints .hint-liq{color:var(--gold);border:1px solid rgba(255,210,74,.25)}.chart-hints .hint-wall{color:var(--purple);border:1px solid rgba(168,85,247,.3)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--bg-3);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#232336}::-webkit-scrollbar-track{background:transparent}:where(.tab,.chip,.minsel,button,select,a):focus-visible{outline:2px solid var(--value);outline-offset:2px;border-radius:inherit}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}