@import "https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&family=Inter:wght@100..900&display=swap";
:root{--bg:#000;--bg1:#080808;--bg2:#111;--bg3:#1a1a1a;--border:#1f1f1f;--border2:#2a2a2a;--border3:#333;--text:#ededed;--text-pure:#fff;--text2:#a1a1aa;--text3:#71717a;--text4:#52525b;--blue:#5866f8;--blue-dim:#5866f81a;--blue-glow:#5866f859;--blue-light:#8b96ff;--green:#00d17e;--green-dim:#00d17e1a;--green-glow:#00d17e59;--red:#ff4747;--red-dim:#ff47471a;--yellow:#f5b942;--font-header:"Outfit",sans-serif;--font-body:"Inter",sans-serif;--font:var(--font-body);--mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Consolas,monospace;--fs-xs:12px;--fs-sm:14px;--fs-base:16px;--fs-md:18px;--fs-lg:22px;--fs-xl:28px;--fs-2xl:38px;--header-h:56px;--sidebar-w:320px;--trade-w:340px;--radius:12px;--radius-sm:6px;--radius-full:9999px;--t-fast:.1s ease;--t-base:.2s cubic-bezier(.16,1,.3,1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:var(--fs-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100%;text-rendering:optimizeLegibility;letter-spacing:-.015em;line-height:1.6;overflow-y:auto}@supports (height:100dvh){html,body{min-height:100dvh}}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}input,textarea,button,select{font-family:var(--font)}button{cursor:pointer;transition:var(--t-base);-webkit-user-select:none;user-select:none;background:0 0;border:none;outline:none;justify-content:center;align-items:center;display:inline-flex}button:active{transform:scale(.98)}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes flashGreen{0%{background-color:var(--green-glow);color:var(--green)}to{background-color:#0000}}@keyframes flashRed{0%{background-color:var(--red-dim);color:var(--red)}to{background-color:#0000}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes chartLineDraw{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0% 0 0)}}.chart-draw-anim{animation:1.4s cubic-bezier(.19,1,.22,1) forwards chartLineDraw}@keyframes pageIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes liveRipple{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.4)}}@keyframes numberRoll{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes borderGlow{0%,to{box-shadow:0 0 #5866f800}50%{box-shadow:0 0 20px 2px #5866f826}}.chart-container-stable{contain:size layout;width:100%;height:100%;position:absolute;inset:0}.skeleton{background:linear-gradient(110deg,var(--bg2)8%,#ffffff0a 18%,var(--bg2)33%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s linear infinite shimmer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--blue);outline-offset:2px}a[href*=tradingview],a[href*=lightweight-charts]{pointer-events:none!important;display:none!important}.card-hover{transition:all .22s cubic-bezier(.16,1,.3,1)}.card-hover:hover{transform:translateY(-2px)}@media (max-width:768px){:root{--sidebar-w:100%;--trade-w:100%}.hide-mobile{display:none!important}.show-mobile,.hamburger{display:flex!important}.desktop-nav,.trade-desktop{display:none!important}.trade-mobile{display:flex!important}}@media (min-width:769px){.show-mobile,.mobile-bar,.hamburger{display:none!important}}@media (min-width:769px) and (max-width:1180px){:root{--sidebar-w:220px;--trade-w:260px}}.stat-number{font-family:var(--mono);letter-spacing:-.04em;font-weight:800;animation:.3s numberRoll}.glow-blue{box-shadow:0 0 20px #5866f833}.glow-green{box-shadow:0 0 20px #00d17e33}.glow-red{box-shadow:0 0 20px #ff474733}h1,.h1{font-family:var(--font-header);font-size:var(--fs-2xl);letter-spacing:-.04em;color:var(--text-pure);font-weight:700;line-height:1.1}h2,.h2{font-family:var(--font-header);font-size:var(--fs-xl);letter-spacing:-.03em;color:var(--text-pure);font-weight:700;line-height:1.2}h3,.h3{font-family:var(--font-header);font-size:var(--fs-lg);letter-spacing:-.02em;color:var(--text-pure);font-weight:600;line-height:1.3}h4,.h4{font-family:var(--font-header);font-size:var(--fs-md);letter-spacing:-.02em;color:var(--text-pure);font-weight:600}.text-xs{font-size:var(--fs-xs)}.text-sm{font-size:var(--fs-sm)}.text-base{font-size:var(--fs-base)}.text-dim{color:var(--text2)}.text-muted{color:var(--text3)}.btn{border-radius:var(--radius-sm);height:40px;font-weight:600;font-size:var(--fs-sm);white-space:nowrap;transition:var(--t-base);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:8px;padding:0 16px;display:inline-flex}.btn-lg{height:48px;font-size:var(--fs-base);border-radius:var(--radius);padding:0 24px}.btn-sm{height:32px;font-size:var(--fs-xs);padding:0 12px}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:var(--blue-light);box-shadow:0 4px 12px var(--blue-dim)}.btn-secondary{background:var(--bg2);border:1px solid var(--border);color:var(--text)}.btn-secondary:hover{background:var(--bg3);border-color:var(--border2)}.btn-outline{border:1px solid var(--border);color:var(--text2)}.btn-outline:hover{border-color:var(--blue);color:var(--text-pure)}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.text-balance{text-wrap:balance}