:root{--bg:#080a14;--card:#111527;--purple:#8b5cf6;--blue:#00d4ff;--pink:#ff3cac;--green:#00f5a0;--red:#ff4d6d;--ink:#f8fafc;--dim:#94a3b8;--line:#8b5cf638;--glass:#111527b8;--disp:"Space Grotesk", system-ui, sans-serif;--body:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--r:14px;--sidebar-w:220px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--body);overscroll-behavior:none;background-image:radial-gradient(55% 38% at 50% -4%,#8b5cf638,#0000 70%),radial-gradient(40% 28% at 105% 92%,#00d4ff17,#0000 70%),radial-gradient(30% 22% at -5% 60%,#ff3cac12,#0000 70%);min-height:100%;font-size:15px;line-height:1.5}h1,h2,h3{font-family:var(--disp)}.num{font-variant-numeric:tabular-nums;font-family:var(--disp)}.dim{color:var(--dim)}.sm{font-size:13px}.xs{font-size:11px}.up{color:var(--green)}.dn{color:var(--red)}.bl{color:var(--blue)}.pk{color:var(--pink)}.card{background:var(--glass);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:var(--r);padding:16px;box-shadow:0 6px 28px -10px #0000008c}.btn{border-radius:var(--r);width:100%;min-height:50px;font:700 15px var(--disp);letter-spacing:.3px;cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;text-decoration:none;transition:transform 80ms,filter .12s,box-shadow .12s;display:flex}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(105deg, var(--purple) 0%, var(--pink) 100%);color:#fff;text-shadow:0 1px 8px #0000004d;box-shadow:0 6px 24px -6px #ff3cac80}.btn-primary:hover{filter:brightness(1.08);box-shadow:0 10px 32px -6px #ff3caca6}.btn-ghost{border:1px solid var(--line);color:var(--ink);background:#11152780;min-height:44px;font-size:14px}.btn-ghost:hover{background:#8b5cf614;border-color:#8b5cf666}.btn-long{background:var(--green);color:#052;box-shadow:0 6px 22px -8px #00f5a08c}.btn-short{background:var(--red);color:#fff;box-shadow:0 6px 22px -8px #ff4d6d8c}.btn-long:hover,.btn-short:hover{filter:brightness(1.07)}.btn:disabled{filter:grayscale(.8)brightness(.55);pointer-events:none}.chip{border:1px solid var(--line);background:var(--glass);font:700 12px var(--disp);color:var(--dim);cursor:pointer;white-space:nowrap;border-radius:99px;align-items:center;gap:6px;min-height:38px;padding:8px 14px;transition:border-color .12s,color .12s,background .12s;display:inline-flex}.chip:hover{color:var(--ink);border-color:#8b5cf673}.chip.active{border-color:var(--blue);color:var(--blue);background:#00d4ff1a}.row{justify-content:space-between;align-items:center;gap:10px;display:flex}.grid2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.charge{border:1px solid var(--line);background:#ffffff0d;border-radius:99px;height:8px;position:relative;overflow:hidden}.charge-fill{background:linear-gradient(90deg,var(--blue),var(--purple),var(--pink));border-radius:99px;height:100%;transition:width 1s linear;display:block}.field{border:1px solid var(--line);background:#ffffff0a;border-radius:12px;padding:10px 12px;transition:border-color .12s}.field:focus-within{border-color:#8b5cf680}.field label{color:var(--dim);letter-spacing:.3px;margin-bottom:3px;font-size:11px;display:block}.field input,.field select{width:100%;color:var(--ink);font:700 15px var(--disp);background:0 0;border:0;outline:none}.field select option{background:var(--card)}input[type=range]{width:100%;accent-color:var(--purple);height:32px}.badge{font:700 10px var(--disp);letter-spacing:1px;border-radius:6px;padding:3px 8px}.badge-long{color:var(--green);background:#00f5a01f}.badge-short{color:var(--red);background:#ff4d6d1f}.badge-gold{color:var(--pink);background:#ff3cac26}.pos{border-left:3px solid var(--green)}.pos.short{border-left-color:var(--red)}.lb-row{border-radius:var(--r);background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);align-items:center;gap:12px;padding:12px;transition:border-color .12s;display:flex}.lb-row.first{background:linear-gradient(120deg,#ff3cac1a,var(--glass));border-color:#ff3cac66}.lb-rank{font:700 17px var(--disp);text-align:center;width:28px}.lb-avatar{clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);width:36px;height:36px;font:700 14px var(--disp);color:#fff;background:linear-gradient(140deg,var(--purple),var(--blue));flex:none;place-items:center;display:grid}.hex{clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);background:linear-gradient(140deg,var(--purple),var(--pink));width:80px;height:80px;font:700 32px var(--disp);color:#fff;place-items:center;margin:0 auto;display:grid}#toast{z-index:200;border:1px solid var(--line);text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#111527f7;border-radius:12px;max-width:340px;padding:10px 18px;font-size:13px;display:none;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000080}#toast.err{color:var(--red);border-color:#ff4d6d80}#toast.ok{color:var(--green);border-color:#00f5a066}.win-glow{animation:1.6s ease-in-out infinite alternate winpulse}@keyframes winpulse{0%{box-shadow:0 0 20px -6px #ff3cacb3}to{box-shadow:0 0 42px -4px #00d4ffcc}}.confet{pointer-events:none;font-size:20px;animation:3s linear infinite fall;position:absolute}@keyframes fall{0%{transform:translateY(-40px)rotate(0)}to{transform:translateY(110vh)rotate(360deg)}}@keyframes pop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.pop{animation:.18s ease-out pop}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade{animation:.2s ease-out fadeIn}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media (min-width:900px){body{background-image:radial-gradient(45% 60% at 15% 20%,#8b5cf62e,#0000 65%),radial-gradient(35% 50% at 85% 75%,#00d4ff1f,#0000 65%),radial-gradient(25% 35% at 75% 10%,#ff3cac1a,#0000 65%)}.desktop-app{grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:1fr;min-height:100dvh;display:grid}.desktop-sidebar{width:var(--sidebar-w);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-right:1px solid var(--line);z-index:50;background:#0a0c18eb;flex-direction:column;padding:0;display:flex;position:fixed;top:0;bottom:0;left:0}.desktop-content{margin-left:var(--sidebar-w);min-height:100dvh}.landing-hero{grid-template-columns:1fr 1fr;align-items:center;gap:48px;max-width:1200px;min-height:calc(100dvh - 70px);margin:0 auto;padding:48px 64px;display:grid}.trading-layout{grid-template-rows:auto 1fr;grid-template-columns:320px 1fr 300px;gap:0;height:calc(100dvh - 60px);display:grid}.page-container{max-width:960px;margin:0 auto;padding:32px 40px}.grid3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.grid4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}}