:root{--bg: #050706;--panel: rgba(10, 14, 12, .74);--stroke: rgba(255, 255, 255, .1);--text: #e8ece9;--muted: rgba(232, 236, 233, .5);--bull: #45d17f;--bear: #e2564b;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:var(--sans);overflow:hidden}body{display:flex;flex-direction:column}.chrome{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 22px;border-bottom:1px solid var(--stroke)}.chrome-title{display:flex;align-items:center;gap:12px}.badge{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#f7931a;color:#101010;font-weight:700;font-size:15px}.chrome h1{margin:0;font-size:17px;font-weight:600;letter-spacing:-.01em}.chrome p{margin:2px 0 0;font-size:12px;color:var(--muted)}.chrome-actions{display:flex;align-items:center;gap:10px}.ghost{border:1px solid var(--stroke);background:transparent;color:var(--text);border-radius:7px;padding:6px 11px;font-size:12px;font-family:var(--sans);cursor:pointer}.ghost:hover{border-color:#ffffff47}.pill{font-family:var(--mono);font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;padding:5px 10px;border-radius:999px;border:1px solid var(--stroke);color:var(--muted)}.pill[data-live=true]{color:var(--bull);border-color:#45d17f66}.pill[data-live=false]{color:#e0a33c;border-color:#e0a33c59}.stage{position:relative;flex:1;min-height:0}#view{display:block;width:100%;height:100%;cursor:grab;touch-action:none}#view:active{cursor:grabbing}.hud{position:absolute;inset:0;pointer-events:none;font-family:var(--mono)}.hud>*{position:absolute}.label{font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.hud-clock{top:18px;left:22px;font-size:12px;letter-spacing:.08em;color:#e8ece9b8}.hud-price{top:12px;left:50%;transform:translate(-58%);text-align:center}.hud-price-tag{font-size:9.5px;letter-spacing:.16em;color:var(--muted);text-align:right}.hud-price-value{font-size:clamp(32px,4.2vw,56px);font-weight:500;letter-spacing:.01em;line-height:1.06;text-shadow:0 2px 26px rgba(0,0,0,.85);font-variant-numeric:tabular-nums}.hud-price-chg{font-size:12.5px;text-align:right;font-variant-numeric:tabular-nums}.hud-price-chg.up{color:var(--bull)}.hud-price-chg.down{color:var(--bear)}.hud-pressure{top:26px;left:66%;width:250px}.pressure-headline{font-family:var(--sans);font-size:15px;font-weight:600;margin-top:3px}.pressure-bar{position:relative;height:3px;margin:8px 0 6px;background:#ffffff1f;border-radius:2px;overflow:hidden}.pressure-bar i{position:absolute;top:0;bottom:0;left:50%;width:0;background:var(--bull);transition:none}.pressure-sub{font-size:11px;color:var(--muted)}.hud-wall{top:190px}.hud-wall .wall-value{font-size:22px;font-weight:500;margin-top:2px;font-variant-numeric:tabular-nums}.hud-wall.sell{left:22px}.hud-wall.sell .wall-value{color:var(--bear)}.hud-wall.buy{right:22px;text-align:right}.hud-wall.buy .wall-value{color:var(--bull)}.panel{background:var(--panel);border:1px solid var(--stroke);border-radius:11px;backdrop-filter:blur(14px);pointer-events:auto}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:11px 13px 8px}.panel-title{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;margin-top:3px}.depth{left:20px;bottom:20px;width:392px}.source select{margin-top:4px;width:100%;background:#ffffff0d;border:1px solid var(--stroke);color:var(--text);border-radius:6px;padding:5px 7px;font-family:var(--mono);font-size:11px}.source select:focus{outline:1px solid rgba(255,255,255,.3)}#depth-chart{display:block;width:calc(100% - 26px);height:108px;margin:0 13px}.depth-axis{display:flex;justify-content:space-between;padding:5px 13px 0;font-size:9.5px;color:var(--muted);font-variant-numeric:tabular-nums}.keys{display:flex;align-items:center;gap:5px;padding:9px 13px 11px;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#e8ece961}.keys kbd{border:1px solid var(--stroke);border-radius:4px;padding:2px 5px;font-family:var(--mono);font-size:8.5px}.keys span{margin-right:7px}.feed{right:20px;bottom:20px;width:330px}.feed .live{font-size:9px;letter-spacing:.16em;color:var(--bull)}.feed ul{list-style:none;margin:0;padding:0 0 8px;max-height:208px;overflow:hidden}.feed li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 13px;border-top:1px solid rgba(255,255,255,.055);font-size:11px;animation:slide .32s ease-out}@keyframes slide{0%{opacity:0;transform:translateY(-6px)}}.feed .who{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed .dot{width:6px;height:6px;border-radius:50%;flex:none;margin-right:7px;display:inline-block}.feed .bull .dot{background:var(--bull)}.feed .bear .dot{background:var(--bear)}.feed .neutral .dot{background:var(--muted)}.feed .amt{color:#e8ece9bf;font-variant-numeric:tabular-nums;flex:none}.feed .venue{font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;color:#e8ece973;flex:none;width:46px}@media(max-width:760px){.chrome{padding:8px 12px;gap:10px}.chrome p{display:none}.chrome h1{font-size:14px}.badge{width:22px;height:22px;font-size:13px}.ghost{padding:5px 9px;font-size:11px}.pill{font-size:9px;padding:4px 8px}.hud-clock{display:none}.hud-price{left:0;right:0;top:6px;transform:none;text-align:center}.hud-price-tag,.hud-price-chg{text-align:center}.hud-price-value{font-size:30px}.hud-pressure{left:14%;right:14%;top:88px;width:auto;text-align:center}.hud-pressure .label{display:none}.pressure-headline{font-size:12.5px}.pressure-sub{display:none}.hud-wall{top:84px}.hud-wall.sell{left:12px}.hud-wall.buy{right:12px}.hud-wall .label{font-size:8px}.hud-wall .wall-value{font-size:15px}.depth{left:10px;right:10px;width:auto;bottom:calc(10px + env(safe-area-inset-bottom))}#depth-chart{height:62px}.keys{display:none}.depth .panel-head{padding:9px 12px 6px}.depth .panel-title{display:none}.depth-axis{padding-bottom:10px}.source{display:flex;align-items:center;gap:8px}.source select{margin-top:0}.feed{left:10px;right:10px;width:auto;bottom:calc(180px + env(safe-area-inset-bottom))}.feed .panel-head{padding:8px 12px 4px}.feed ul{padding-bottom:4px}.feed li{padding:5px 12px;font-size:10.5px}.feed li:nth-child(n+3){display:none}}@media(max-height:480px){.chrome{padding:6px 12px}.chrome p,.hud-clock,.hud-pressure{display:none}.hud-price{top:2px}.hud-price-value{font-size:26px}.hud-price-chg{display:none}.hud-wall{top:56px}.hud-wall .wall-value{font-size:14px}.depth{width:300px;left:10px;bottom:10px}#depth-chart{height:54px}.keys,.depth .panel-title{display:none}.feed{width:270px;right:10px;left:auto;bottom:10px}.feed li{padding:4px 12px;font-size:10px}.feed li:nth-child(n+4){display:none}}