:root{--bg-primary: #0a0a14;--bg-secondary: #0d0d1a;--bg-card: #111125;--bg-card-hover: #161635;--border: rgba(255, 255, 255, .06);--border-glow: rgba(0, 255, 136, .15);--green: #00ff88;--green-dim: rgba(0, 255, 136, .15);--red: #ff3366;--red-dim: rgba(255, 51, 102, .15);--gold: #ffd700;--blue: #00bfff;--pink: #ff69b4;--text: #e0e0e0;--text-dim: rgba(255, 255, 255, .45);--font-mono: "SF Mono", "Fira Code", "JetBrains Mono", "Cascadia Code", ui-monospace, monospace;--font-sans: "Inter", "SF Pro", -apple-system, system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background:var(--bg-primary);color:var(--text);font-family:var(--font-sans);overflow-x:hidden;-webkit-font-smoothing:antialiased}body{background:linear-gradient(180deg,#0a0a14,#050510)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}@keyframes shake{0%,to{transform:translate(0)}10%{transform:translate(-8px) rotate(-1deg)}20%{transform:translate(8px) rotate(1deg)}30%{transform:translate(-6px) rotate(-.5deg)}40%{transform:translate(6px) rotate(.5deg)}50%{transform:translate(-4px)}60%{transform:translate(4px)}70%{transform:translate(-2px)}80%{transform:translate(2px)}}.shake{animation:shake .5s ease-in-out}.flash-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;pointer-events:none;animation:flash .4s ease-out forwards}.flash-overlay.red{background:#ff00004d}.flash-overlay.green{background:#0f83}@keyframes flash{0%{opacity:1}to{opacity:0}}.liquidation-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ff000026;animation:liqPop 3s ease-out forwards;pointer-events:none}.liquidation-text{font-family:var(--font-mono);font-size:clamp(3rem,12vw,8rem);font-weight:900;color:var(--red);text-shadow:0 0 40px rgba(255,51,102,.8),0 0 80px rgba(255,51,102,.4);letter-spacing:.1em;animation:liqPulse .3s ease-in-out infinite alternate}.liquidation-sub{font-family:var(--font-mono);font-size:1.2rem;color:#ff3366b3;margin-top:.5rem}@keyframes liqPop{0%{opacity:0}10%{opacity:1}80%{opacity:1}to{opacity:0}}@keyframes liqPulse{0%{transform:scale(1)}to{transform:scale(1.05)}}.achievement-popup{position:fixed;top:80px;left:50%;transform:translate(-50%);z-index:1050;background:linear-gradient(135deg,#1a1a3a,#0d0d2a);border:1px solid var(--gold);border-radius:12px;padding:1rem 2rem;text-align:center;box-shadow:0 0 30px #ffd7004d;animation:achSlide 4s ease-out forwards;pointer-events:none}.achievement-icon{font-size:2rem}.achievement-name{font-weight:700;color:var(--gold);font-size:1rem}.achievement-desc{font-size:.75rem;color:var(--text-dim)}@keyframes achSlide{0%{opacity:0;transform:translate(-50%) translateY(-20px)}10%{opacity:1;transform:translate(-50%) translateY(0)}80%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-20px)}}.liquidation-warning{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:900;font-family:var(--font-mono);font-size:1.5rem;font-weight:800;color:var(--red);text-shadow:0 0 20px rgba(255,51,102,.6);animation:liqWarn .8s ease-in-out infinite alternate;pointer-events:none}@keyframes liqWarn{0%{opacity:.4}to{opacity:1}}.event-banner{position:fixed;top:56px;left:0;right:0;z-index:800;background:linear-gradient(90deg,#ffd70026,#ff640026,#ffd70026);border-bottom:1px solid rgba(255,215,0,.3);padding:.5rem 1rem;text-align:center;font-family:var(--font-mono);font-weight:700;font-size:.9rem;color:var(--gold);letter-spacing:.1em;animation:eventSlide .3s ease-out}.event-flash{animation:eventBlink .5s infinite alternate}@keyframes eventSlide{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes eventBlink{0%{opacity:.3}to{opacity:1}}.floating-pnl{position:fixed;z-index:950;font-family:var(--font-mono);font-size:1.5rem;font-weight:900;pointer-events:none;animation:floatUp 2s ease-out forwards;text-shadow:0 0 10px currentColor}@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-60px) scale(1.2)}}.navbar{position:sticky;top:0;z-index:700;display:flex;align-items:center;justify-content:space-between;padding:0 .75rem;height:48px;background:#0a0a14f2;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav-left,.nav-right{display:flex;align-items:center;gap:.5rem}.logo{font-family:var(--font-mono);font-weight:900;font-size:1rem;background:linear-gradient(90deg,var(--green),var(--blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:.05em}.nav-pair{font-family:var(--font-mono);font-size:.8rem;color:var(--text-dim);cursor:pointer;padding:.2rem .5rem;border-radius:4px;background:#ffffff0a;border:1px solid var(--border);-webkit-user-select:none;user-select:none}.nav-pair:active{background:#ffffff14}.arrow{font-size:.6rem;margin-left:.2rem}.nav-balance{font-family:var(--font-mono);font-weight:700;font-size:.85rem;color:var(--green)}.nav-fps,.nav-ping{font-family:var(--font-mono);font-size:.65rem;color:var(--text-dim);padding:.15rem .4rem;background:#ffffff08;border-radius:3px}.nav-btn{background:none;border:none;font-size:1.1rem;cursor:pointer;padding:.2rem;opacity:.7;transition:opacity .15s}.nav-btn:active{opacity:1}.dropdown{position:fixed;top:48px;left:50%;transform:translate(-50%);z-index:750;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:.5rem;min-width:240px;box-shadow:0 8px 32px #0009;animation:dropIn .2s ease-out}@keyframes dropIn{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.dropdown-item{display:flex;flex-direction:column;padding:.6rem .8rem;border-radius:6px;cursor:pointer;transition:background .15s}.dropdown-item:active,.dropdown-item.active{background:var(--green-dim)}.pair-name{font-family:var(--font-mono);font-weight:700;font-size:.85rem}.pair-desc{font-size:.7rem;color:var(--text-dim)}.main-content{display:flex;flex-direction:column;min-height:calc(100vh - 48px)}.chart-container{position:relative;width:100%;height:55vh;min-height:280px;background:var(--bg-primary);border-bottom:1px solid var(--border)}.chart-canvas{width:100%;height:100%;display:block}.chart-overlay-top{position:absolute;top:8px;left:12px;display:flex;align-items:center;gap:.5rem;pointer-events:none}.chart-pair{font-family:var(--font-mono);font-size:.75rem;color:var(--text-dim);background:#00000080;padding:.15rem .4rem;border-radius:3px}.chart-price{font-family:var(--font-mono);font-weight:700;font-size:1rem;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.3)}.chart-change{font-family:var(--font-mono);font-size:.75rem;font-weight:600;padding:.1rem .4rem;border-radius:3px}.chart-change.green{color:var(--green);background:var(--green-dim)}.chart-change.red{color:var(--red);background:var(--red-dim)}.trading-panel{padding:.75rem;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.label{font-family:var(--font-mono);font-size:.65rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em}.leverage-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.6rem}.leverage-options{display:flex;gap:.3rem;flex-wrap:wrap}.lev-btn{font-family:var(--font-mono);font-size:.7rem;font-weight:600;padding:.25rem .5rem;border:1px solid var(--border);border-radius:4px;background:transparent;color:var(--text-dim);cursor:pointer;transition:all .15s}.lev-btn.active{background:var(--green-dim);border-color:var(--green);color:var(--green)}.lev-btn:active{transform:scale(.95)}.margin-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.margin-input{flex:1;font-family:var(--font-mono);font-size:.85rem;font-weight:600;padding:.4rem .6rem;background:#ffffff0a;border:1px solid var(--border);border-radius:6px;color:#fff;outline:none;transition:border-color .15s}.margin-input:focus{border-color:var(--green)}.margin-input::placeholder{color:var(--text-dim)}.tpsl-row{display:flex;gap:.5rem;margin-bottom:.6rem}.tpsl-field{flex:1;display:flex;align-items:center;gap:.4rem}.tpsl-input{flex:1;font-family:var(--font-mono);font-size:.75rem;padding:.3rem .5rem;background:#ffffff08;border:1px solid var(--border);border-radius:4px;color:#fff;outline:none}.tpsl-input:focus{border-color:var(--blue)}.tpsl-input::placeholder{color:var(--text-dim)}.trade-buttons{display:flex;gap:.5rem;margin-bottom:.5rem}.btn-long,.btn-short{flex:1;display:flex;flex-direction:column;align-items:center;padding:.7rem;border:none;border-radius:8px;cursor:pointer;font-family:var(--font-mono);transition:all .15s;position:relative;overflow:hidden}.btn-long{background:linear-gradient(135deg,#0f83,#00c8641a);border:1px solid rgba(0,255,136,.3)}.btn-long:active:not(:disabled){transform:scale(.97);box-shadow:0 0 20px #00ff884d}.btn-short{background:linear-gradient(135deg,#f363,#c81e501a);border:1px solid rgba(255,51,102,.3)}.btn-short:active:not(:disabled){transform:scale(.97);box-shadow:0 0 20px #ff33664d}.btn-long:disabled,.btn-short:disabled{opacity:.35;cursor:not-allowed}.btn-label{font-size:1rem;font-weight:800;letter-spacing:.1em}.btn-long .btn-label{color:var(--green)}.btn-short .btn-label{color:var(--red)}.btn-sub{font-size:.65rem;color:var(--text-dim);margin-top:.15rem}.position-info{background:#ffffff05;border:1px solid var(--border);border-radius:8px;padding:.6rem;margin-top:.5rem}.pos-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.pos-side{font-family:var(--font-mono);font-weight:800;font-size:.85rem;padding:.15rem .5rem;border-radius:4px}.pos-side.green{color:var(--green);background:var(--green-dim)}.pos-side.red{color:var(--red);background:var(--red-dim)}.pos-leverage{font-family:var(--font-mono);font-size:.75rem;color:var(--gold);font-weight:700}.pos-grid{display:grid;grid-template-columns:1fr 1fr;gap:.3rem 1rem}.pos-item{display:flex;justify-content:space-between;align-items:center}.pos-label{font-family:var(--font-mono);font-size:.65rem;color:var(--text-dim)}.pos-value{font-family:var(--font-mono);font-size:.75rem;font-weight:600}.pos-value.green{color:var(--green)}.pos-value.red{color:var(--red)}.liq-price{color:var(--red)!important}.close-row{margin-top:.5rem}.btn-close-full{width:100%;padding:.55rem;font-family:var(--font-mono);font-weight:700;font-size:.8rem;letter-spacing:.05em;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#fff;cursor:pointer;transition:all .15s}.btn-close-full:active{background:#ffffff1f}.partial-close-row{display:flex;gap:.4rem;margin-top:.4rem}.btn-partial{flex:1;padding:.35rem;font-family:var(--font-mono);font-size:.65rem;font-weight:600;background:#ffffff08;border:1px solid var(--border);border-radius:4px;color:var(--text-dim);cursor:pointer}.btn-partial:active{background:#ffffff14;color:#fff}.bottom-panels{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;padding:.5rem;flex:1}.panel{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:.5rem;overflow:hidden}.panel-title{font-family:var(--font-mono);font-size:.65rem;font-weight:700;color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.4rem;padding-bottom:.3rem;border-bottom:1px solid var(--border)}.online-count{font-weight:400;color:var(--green);font-size:.6rem}.market-grid{display:grid;grid-template-columns:1fr 1fr;gap:.3rem}.market-item{display:flex;justify-content:space-between;align-items:center}.m-label{font-family:var(--font-mono);font-size:.6rem;color:var(--text-dim)}.m-value{font-family:var(--font-mono);font-size:.7rem;font-weight:600}.m-value.green{color:var(--green)}.m-value.red{color:var(--red)}.mode-label{color:var(--gold)}.orderbook-header{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:.55rem;color:var(--text-dim);margin-bottom:.2rem}.orderbook-list{max-height:180px;overflow-y:auto}.ob-row{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:.65rem;padding:.1rem .2rem;position:relative}.ob-row.bid span:first-child{color:var(--green)}.ob-row.ask span:first-child{color:var(--red)}.ob-bar{position:absolute;top:0;right:0;height:100%;opacity:.08}.ob-row.bid .ob-bar{background:var(--green)}.ob-row.ask .ob-bar{background:var(--red)}.trades-list{max-height:180px;overflow-y:auto}.trade-row{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:.65rem;padding:.1rem 0}.trade-row.bid span:first-child{color:var(--green)}.trade-row.ask span:first-child{color:var(--red)}.trade-side{font-size:.55rem;color:var(--text-dim)}.chat-panel{grid-column:1 / -1}.chat-messages{max-height:120px;overflow-y:auto;display:flex;flex-direction:column;gap:.15rem}.chat-msg{font-family:var(--font-mono);font-size:.65rem;line-height:1.3}.chat-user{color:var(--text-dim);font-size:.6rem}.whale-list{max-height:120px;overflow-y:auto}.whale-row{font-family:var(--font-mono);font-size:.65rem;padding:.2rem 0;color:var(--text-dim);display:flex;align-items:center;gap:.3rem}.whale-row.whale{color:var(--blue)}.whale-row.insider{color:var(--gold)}.whale-row.dev{color:var(--pink)}.whale-icon{font-size:.8rem}.lb-list{max-height:180px;overflow-y:auto}.lb-row{display:flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:.65rem;padding:.15rem 0}.lb-rank{color:var(--text-dim);font-size:.6rem;width:1.5rem}.lb-name{flex:1}.lb-pnl{font-weight:600}.lb-pnl.green{color:var(--green)}.lb-pnl.red{color:var(--red)}.lb-wr{color:var(--text-dim);font-size:.6rem}.history-panel{grid-column:1 / -1}.history-list{max-height:150px;overflow-y:auto}.history-empty{font-family:var(--font-mono);font-size:.7rem;color:var(--text-dim);text-align:center;padding:1rem}.history-row{display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.65rem;padding:.2rem 0;border-bottom:1px solid rgba(255,255,255,.03)}.h-side{font-weight:700;width:2.5rem}.h-pair{color:var(--text-dim);flex:1}.h-lev{color:var(--gold);font-size:.6rem}.h-pnl{font-weight:700}.h-pnl.green{color:var(--green)}.h-pnl.red{color:var(--red)}.settings-panel{position:fixed;top:48px;right:0;z-index:760;width:280px;max-height:calc(100vh - 60px);overflow-y:auto;background:var(--bg-card);border:1px solid var(--border);border-radius:0 0 0 12px;padding:1rem;box-shadow:-4px 4px 24px #00000080;animation:settingsIn .2s ease-out}@keyframes settingsIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.settings-title{font-family:var(--font-mono);font-weight:800;font-size:.8rem;color:var(--text-dim);letter-spacing:.1em;margin-bottom:.8rem}.settings-row{display:flex;justify-content:space-between;align-items:center;padding:.4rem 0;font-size:.8rem}.mode-btn{font-family:var(--font-mono);font-size:.7rem;padding:.3rem .6rem;background:#ffffff0d;border:1px solid var(--border);border-radius:4px;color:var(--green);cursor:pointer}.close-settings{position:absolute;top:.5rem;right:.5rem;background:none;border:none;color:var(--text-dim);font-size:1rem;cursor:pointer}.achievements-panel{width:300px}.achievement-row{display:flex;align-items:center;gap:.5rem;padding:.4rem 0;border-bottom:1px solid rgba(255,255,255,.03);opacity:.4}.achievement-row.unlocked{opacity:1}.ach-icon{font-size:1.2rem}.ach-name{font-weight:700;font-size:.8rem}.ach-desc{font-size:.65rem;color:var(--text-dim)}.ach-check{color:var(--green);font-weight:700;margin-left:auto}@media(min-width:768px){.main-content{flex-direction:column}.chart-container{height:60vh}.bottom-panels{grid-template-columns:repeat(3,1fr)}.chat-panel,.history-panel{grid-column:auto}}@media(min-width:1200px){.main-content{max-width:1400px;margin:0 auto}.bottom-panels{grid-template-columns:repeat(4,1fr)}}.btn-long:active:not(:disabled):after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:10px;background:var(--green);opacity:.15;z-index:-1;animation:glowPulse .3s ease-out}.btn-short:active:not(:disabled):after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:10px;background:var(--red);opacity:.15;z-index:-1;animation:glowPulse .3s ease-out}@keyframes glowPulse{0%{opacity:.3;transform:scale(1)}to{opacity:0;transform:scale(1.05)}}.logo{text-shadow:0 0 10px rgba(0,255,136,.5),0 0 20px rgba(0,191,255,.3)}.chart-container:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);pointer-events:none}