*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#0a0e14;font-family:-apple-system,SF Pro Display,Segoe UI,Helvetica Neue,sans-serif;color:#cfd8e3}#app{width:100vw;height:100vh}canvas{display:block}.panel{position:fixed;z-index:10;background:#0a0e14b8;border:1px solid rgba(120,160,200,.15);border-radius:10px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#cfd8e3;font-size:12px;user-select:none;pointer-events:none}.panel-title{font-size:10px;letter-spacing:.14em;color:#7f8ea3;text-transform:uppercase;margin-bottom:8px}.dim{color:#7f8ea3}.sep{color:#3a4a5c;margin:0 6px}#top-bar{top:12px;left:50%;transform:translate(-50%);min-width:720px;max-width:92vw;padding:10px 18px;display:flex;align-items:center;gap:24px}#top-bar .top-left{display:flex;align-items:center;gap:10px;min-width:180px}#top-bar .brand{font-weight:700;font-size:14px;letter-spacing:.06em;color:#d8e4f0}#top-bar .brand-link{text-decoration:none;color:#f0c04a;pointer-events:auto}#top-bar .brand-link:hover{color:#ffd875}#top-bar .top-nav{display:flex;gap:4px;margin-left:6px}#top-bar .top-nav a{pointer-events:auto;padding:4px 10px;border-radius:6px;color:#7f8ea3;font-size:12px;font-weight:500;text-decoration:none;transition:background .15s,color .15s}#top-bar .top-nav a:hover{background:#f0c04a1f;color:#e2ebf5}#top-bar .top-nav a.active{background:#f0c04a;color:#1a1f27}#top-bar .lang-switch-bf{display:flex;gap:2px;margin-left:8px;pointer-events:auto}#top-bar .lang-switch-bf button{padding:3px 8px;font-size:11px;font-weight:600;border-radius:4px;border:1px solid rgba(255,255,255,.12);background:transparent;color:#7f8ea3;cursor:pointer;transition:background .15s,color .15s}#top-bar .lang-switch-bf button:hover{color:#e2ebf5;background:#f0c04a1f}#top-bar .lang-switch-bf button.active{background:#f0c04a;color:#1a1f27;border-color:#f0c04a}#top-bar .conn{font-size:12px;color:#f6788a;transition:color .3s}#top-bar .conn.live{color:#6ee7a8}#top-bar .top-center{flex:1;text-align:center}#top-bar .price{font-size:28px;font-weight:700;letter-spacing:.02em;color:#fff;line-height:1}#top-bar .price-meta{font-size:11px;margin-top:4px}#top-bar .change.up{color:#6ee7a8}#top-bar .change.down{color:#f6788a}#top-bar .top-right{display:flex;gap:18px;min-width:300px;justify-content:flex-end}#top-bar .stat{font-size:11px}#top-bar .stat b{color:#e2ebf5;margin-left:4px;font-weight:600}#left-panel{left:12px;top:92px;width:260px;padding:12px 14px}.wall-row{display:flex;gap:8px;margin-bottom:10px}.wall{flex:1;padding:8px 10px;border-radius:6px;border:1px solid transparent}.wall-buy{background:#2ecc711a;border-color:#2ecc7140}.wall-sell{background:#e74c3c1a;border-color:#e74c3c40}.wall-label{font-size:10px;color:#7f8ea3;letter-spacing:.08em;text-transform:uppercase}.wall-buy .wall-val{color:#6ee7a8;font-weight:700;font-size:14px;margin-top:2px}.wall-sell .wall-val{color:#f6788a;font-weight:700;font-size:14px;margin-top:2px}.pressure-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0 10px;border-bottom:1px solid rgba(120,160,200,.1);margin-bottom:10px}.pressure{font-weight:700;letter-spacing:.04em}.pressure.bullish{color:#6ee7a8}.pressure.bearish{color:#f6788a}.pressure.contested{color:#f0c04a}.depth-title{font-size:10px;color:#7f8ea3;letter-spacing:.14em;margin-bottom:6px}#ui-depth{display:block;width:100%;height:120px}#right-panel{right:12px;top:140px;width:300px;max-height:calc(100vh - 168px);padding:12px 14px;display:flex;flex-direction:column}#social-panel{right:12px;top:92px;width:300px;padding:8px 10px;display:flex;gap:8px;flex-wrap:wrap;box-sizing:border-box;pointer-events:auto}.social-link{display:inline-flex;align-items:center;gap:6px;color:#7f8ea3;font-size:11px;padding:5px 10px;border:1px solid rgba(120,160,200,.15);border-radius:6px;background:#78a0c80a;transition:color .12s,border-color .12s}.social-link:hover{color:#50d2c1;border-color:#50d2c1}.social-link svg{flex-shrink:0}.social-link.icon-only{padding:5px 9px}.feed{overflow:hidden;display:flex;flex-direction:column;gap:4px;font-size:11px;line-height:1.5}.feed-row{padding:4px 6px;border-radius:4px;border-left:2px solid transparent;animation:feedIn .28s ease}.feed-row.bulls{color:#6ee7a8;border-left-color:#2ecc71;background:#2ecc710f}.feed-row.bears{color:#f6788a;border-left-color:#e74c3c;background:#e74c3c0f}.feed-row.liq{color:#ffd24a;border-left-color:#f0c04a;background:#f0c04a1a;font-weight:600}.feed-row .fr-time{color:#5a6b7d;margin-right:6px;font-variant-numeric:tabular-nums}.feed-empty{color:#5a6b7d;font-style:italic}@keyframes feedIn{0%{opacity:0;transform:translate(6px)}to{opacity:1;transform:translate(0)}}#chat-panel{left:12px;bottom:56px;width:300px;height:320px;max-height:calc(100vh - 200px);padding:10px 12px;display:flex;flex-direction:column;gap:8px;pointer-events:auto;box-sizing:border-box}.chat-head{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.chat-head .panel-title{margin-bottom:0;margin-right:auto}.chat-nick{background:#78a0c814;color:#6ee7a8;font-size:10px;border:1px solid rgba(120,160,200,.15);border-radius:5px;padding:3px 8px;cursor:pointer;font-family:inherit;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .12s,border-color .12s}.chat-nick:hover{color:#50d2c1;border-color:#50d2c1}.chat-toggle{background:#78a0c814;color:#cfd8e3;font-size:15px;line-height:1;border:1px solid rgba(120,160,200,.15);border-radius:5px;width:24px;height:22px;cursor:pointer;font-family:inherit;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:color .12s,border-color .12s}.chat-toggle:hover{color:#50d2c1;border-color:#50d2c1}#chat-panel.chat-collapsed{height:auto}#chat-panel.chat-collapsed .chat-log,#chat-panel.chat-collapsed .chat-form{display:none}.chat-log{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:3px;font-size:11px;line-height:1.45;scrollbar-width:thin;scrollbar-color:rgba(120,160,200,.25) transparent}.chat-log::-webkit-scrollbar{width:6px}.chat-log::-webkit-scrollbar-thumb{background:#78a0c840;border-radius:3px}.chat-row{padding:3px 6px;border-radius:4px;border-left:2px solid rgba(120,160,200,.2);background:#78a0c80a;animation:feedIn .28s ease;word-break:break-word}.chat-row-static{animation:none}.chat-row .chat-time{color:#5a6b7d;margin-right:5px;font-variant-numeric:tabular-nums}.chat-row .chat-name{color:#6ee7a8;font-weight:600;margin-right:5px}.chat-row .chat-body{color:#cfd8e3}.chat-status{color:#5a6b7d;font-style:italic;padding:4px 6px}.chat-form{display:flex;gap:6px;flex-shrink:0}.chat-input{flex:1;min-width:0;background:#0a0e1499;border:1px solid rgba(120,160,200,.18);border-radius:6px;padding:6px 9px;color:#e6edf5;font-family:inherit;font-size:11px;outline:none;transition:border-color .12s}.chat-input:focus{border-color:#50d2c1}.chat-input::placeholder{color:#5a6b7d}.chat-send{background:#2ecc7124;color:#6ee7a8;border:1px solid rgba(46,204,113,.35);border-radius:6px;padding:6px 12px;cursor:pointer;font-family:inherit;font-size:11px;transition:all .12s;flex-shrink:0}.chat-send:hover{background:#2ecc7140;border-color:#2ecc71}#hint{position:fixed;bottom:10px;left:50%;transform:translate(-50%);color:#5a6b7d;font-size:11px;z-index:10;pointer-events:none}#hint b{color:#cfd8e3;background:#78a0c81f;padding:1px 5px;border-radius:3px}#cam-panel{right:12px;bottom:12px;padding:6px;display:flex;gap:4px;pointer-events:auto}.cam-btn{background:transparent;color:#7f8ea3;border:1px solid rgba(120,160,200,.15);padding:6px 10px;border-radius:6px;font-family:inherit;font-size:11px;cursor:pointer;letter-spacing:.02em;transition:all .15s}.cam-btn span{color:#5a6b7d;margin-left:4px;border-left:1px solid rgba(120,160,200,.15);padding-left:4px}.cam-btn:hover{color:#cfd8e3;border-color:#78a0c859}.cam-btn.active{color:#0a0e14;background:#6ee7a8;border-color:#6ee7a8}.cam-btn.active span{color:#0a0e1480;border-color:#0a0e1433}#perf{left:12px;bottom:12px;padding:4px 10px;font-size:11px;color:#7f8ea3;font-variant-numeric:tabular-nums}#perf #perf-fps{color:#cfd8e3;font-weight:600}#audio-btn{position:fixed;left:12px;bottom:44px;z-index:20;width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:#0c121ab8;border:1px solid rgba(120,160,200,.18);border-radius:8px;color:#cfd8e3;font-size:16px;line-height:1;cursor:pointer;pointer-events:auto;backdrop-filter:blur(6px);transition:all .15s}#audio-btn:hover{color:#fff;border-color:#78a0c866;background:#121a24d9}#audio-btn.muted{color:#5a6b7d}@media (max-width: 820px){#left-panel,#right-panel,#social-panel{display:none}#top-bar{min-width:0;width:calc(100vw - 24px);padding:8px 12px;gap:12px}#top-bar .top-right{display:none}#top-bar .price{font-size:22px}#chat-panel{left:8px;right:8px;bottom:8px;width:auto;height:240px;max-height:40vh}}