*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh}::selection{background:#5b9eff52;color:#f0f4ff}::-moz-selection{background:#5b9eff52;color:#f0f4ff}@media(min-width:1200px){#root{zoom:1.25;min-height:80vh}}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}:root{color-scheme:dark;--bg: #060A14;--bg2: rgba(11, 16, 32, .55);--surface: rgba(16, 22, 40, .55);--surface-hover: rgba(22, 30, 52, .7);--border: rgba(255, 255, 255, .09);--border-hover: rgba(91, 158, 255, .45);--text: #F0F4FF;--text-muted: #C0C8DC;--text-dim: #7C86A0;--accent: #5B9EFF;--accent-strong: #3D8BFF;--accent-deep: #3D8BFF;--accent-light: #9CC6FF;--accent-dim: rgba(91, 158, 255, .14);--on-accent: #08111F;--positive: #1CEF00;--positive-dim: rgba(28, 239, 0, .12);--warning: #F59E0B;--warning-dim: rgba(245, 158, 11, .12);--negative: #F87171;--burn: #F87171;--burn-dim: rgba(248, 113, 113, .12);--cyan: #38BDF8;--cyan-dim: rgba(56, 189, 248, .12);--purple: #A78BFA;--purple-dim: rgba(167, 139, 250, .12);--glass-surface: #111E33;--glass-surface-hover: #182842;--glass-button: #182034;--glass-button-hover: #212B45;--glass-button-active: #0E1220;--panel-glass: #0B1628;--nav-bg: rgba(8, 12, 22, .82);--scrim: rgba(2, 4, 10, .6);--glass-inset: inset 0 1px 0 rgba(255, 255, 255, .06);--glass-hairline: linear-gradient(180deg, rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, 0) 60%);--metal: linear-gradient(115deg, rgba(255, 255, 255, .055) 0%, rgba(255, 255, 255, .018) 32%, rgba(255, 255, 255, 0) 58%), linear-gradient(180deg, #101F38 0%, #0B1628 48%, #081120 100%);--metal-elevated: linear-gradient(115deg, rgba(255, 255, 255, .055) 0%, rgba(255, 255, 255, .018) 32%, rgba(255, 255, 255, 0) 58%), linear-gradient(180deg, #16263F 0%, #111E33 48%, #0D1828 100%);--metal-elevated-hover: linear-gradient(115deg, rgba(255, 255, 255, .055) 0%, rgba(255, 255, 255, .018) 32%, rgba(255, 255, 255, 0) 58%), linear-gradient(180deg, #1B2D4A 0%, #16263F 48%, #111E33 100%);--metal-inset: inset 0 1px 0 rgba(255, 255, 255, .04), inset 0 -1px 0 rgba(0, 0, 0, .3);--shadow-low: 0 2px 10px rgba(0, 0, 0, .35), inset 0 1px 0 rgba(255, 255, 255, .05);--shadow-med: 0 10px 32px rgba(0, 0, 0, .4), inset 0 1px 0 rgba(255, 255, 255, .07);--shadow-high: 0 20px 60px rgba(0, 0, 0, .55), inset 0 1px 0 rgba(255, 255, 255, .08);--shadow-gold: 0 0 32px rgba(91, 158, 255, .24), inset 0 1px 0 rgba(156, 198, 255, .12);--fill-low: rgba(255, 255, 255, .02);--fill-med: rgba(255, 255, 255, .06);--input-inset: rgba(0, 0, 0, .22);--overlay-backdrop: rgba(4, 7, 16, .82);--tooltip-bg: rgba(10, 14, 26, .97);--menu-bg: rgba(10, 14, 26, .98);--sky-bg: linear-gradient(135deg, rgba(42, 96, 226, .55) 0%, rgba(42, 96, 226, .16) 13%, transparent 30%), linear-gradient(315deg, rgba(42, 96, 226, .55) 0%, rgba(42, 96, 226, .16) 13%, transparent 30%), #000000}:root:root{--apkt-tokens-theme-overlay: rgba(4, 7, 16, .82);--apkt-tokens-theme-backgroundPrimary: #0B1628;--apkt-tokens-theme-backgroundPrimary-base: #0B1628;--apkt-tokens-theme-backgroundInvert: #F0F4FF;--apkt-tokens-theme-textPrimary: #F0F4FF;--apkt-tokens-theme-textSecondary: #7C86A0;--apkt-tokens-theme-textTertiary: #C0C8DC;--apkt-tokens-theme-textInvert: #08111F;--apkt-tokens-theme-borderPrimary: rgba(255, 255, 255, .09);--apkt-tokens-theme-borderPrimaryDark: rgba(255, 255, 255, .06);--apkt-tokens-theme-borderSecondary: rgba(255, 255, 255, .14);--apkt-tokens-theme-foregroundPrimary: #111E33;--apkt-tokens-theme-foregroundSecondary: #182034;--apkt-tokens-theme-foregroundTertiary: #212B45;--apkt-tokens-theme-iconDefault: #7C86A0;--apkt-tokens-theme-iconInverse: #F0F4FF;--apkt-tokens-core-backgroundAccentPrimary: #5B9EFF;--apkt-tokens-core-backgroundAccentPrimary-base: #5B9EFF;--apkt-tokens-core-textSuccess: #1CEF00;--apkt-tokens-core-borderSuccess: #1CEF00;--apkt-tokens-core-iconSuccess: #1CEF00;--apkt-tokens-core-backgroundSuccess: rgba(28, 239, 0, .12);--apkt-tokens-core-textError: #F87171;--apkt-tokens-core-borderError: #F87171;--apkt-tokens-core-iconError: #F87171;--apkt-tokens-core-backgroundError: rgba(248, 113, 113, .12);--apkt-tokens-core-textWarning: #F59E0B;--apkt-tokens-core-borderWarning: #F59E0B;--apkt-tokens-core-iconWarning: #F59E0B;--apkt-tokens-core-backgroundWarning: rgba(245, 158, 11, .12);--apkt-tokens-core-glass010: rgba(255, 255, 255, .06)}body{background:var(--bg);color:var(--text);font-family:Chakra Petch,system-ui,-apple-system,sans-serif;font-weight:500;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.mono{font-family:Chakra Petch,system-ui,-apple-system,sans-serif;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.tabnum{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;display:inline-block}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#6496dc1f;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#6496dc38}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:#325aa02e;outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:var(--accent);border-radius:50%;cursor:pointer;box-shadow:0 0 8px #5b9eff66}input[type=range]::-moz-range-thumb{width:20px;height:20px;background:var(--accent);border:none;border-radius:50%;cursor:pointer;box-shadow:0 0 8px #5b9eff66}input[type=range].amount-slider{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:999px;outline:none;cursor:pointer}input[type=range].amount-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px #5b9eff8c,0 0 0 3px #5b9eff26;cursor:pointer;margin-top:0;transition:transform .15s ease}input[type=range].amount-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}input[type=range].amount-slider::-moz-range-thumb{width:16px;height:16px;border:none;border-radius:50%;background:var(--accent);box-shadow:0 0 8px #5b9eff8c,0 0 0 3px #5b9eff26;cursor:pointer}input[type=range].amount-slider:disabled{opacity:.35;cursor:not-allowed}input[type=range].amount-slider:disabled::-webkit-slider-thumb{cursor:not-allowed}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input[type=range]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes twinkle{0%,to{opacity:.15}50%{opacity:.85}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes blueShimmer{0%{background-position:0% center}to{background-position:-220% center}}.sparkle-blue{background-size:220% auto;animation:blueShimmer 5s linear infinite;filter:drop-shadow(0 0 18px rgba(91,158,255,.4))}@media(prefers-reduced-motion:reduce){.sparkle-blue{animation:none}}@keyframes toastIn{0%{opacity:0;transform:translate(100%) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(100%) scale(.95)}}.skeleton{background:linear-gradient(90deg,#325aa00f 25%,#325aa01f,#325aa00f 75%);background-size:200% 100%;animation:shimmer 1.8s ease-in-out infinite;border-radius:6px}@keyframes triggerGlow{0%,to{box-shadow:0 0 #5b9eff00}50%{box-shadow:0 0 32px 4px #5b9eff38}}@keyframes arrowFlow{0%,to{opacity:.25;transform:translate(-2px)}50%{opacity:1;transform:translate(2px)}}@keyframes scanLine{0%{top:-2px}to{top:100%}}@keyframes countPop{0%{transform:scale(1)}25%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 6px #5b9eff99}50%{opacity:.6;transform:scale(.75);box-shadow:0 0 3px #5b9eff4d}}@keyframes numberPop{0%{transform:scale(.82) translateY(5px);opacity:0}60%{transform:scale(1.05) translateY(-1px);opacity:1}to{transform:scale(1) translateY(0);opacity:1}}@keyframes livePing{0%{transform:scale(.8);opacity:.7}70%{transform:scale(2.4);opacity:0}to{transform:scale(2.4);opacity:0}}@keyframes colonBlink{0%,49%{opacity:1}50%,to{opacity:.15}}@keyframes progressShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes aprSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes aprSpinReverse{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes readyPulse{0%,to{box-shadow:0 0 #5b9eff00;border-color:#5b9eff70}50%{box-shadow:0 0 0 4px #5b9eff14;border-color:#5b9effb3}}@keyframes barPulse{0%,to{transform:scaleY(.35);opacity:.3}50%{transform:scaleY(1);opacity:.9}}@keyframes tokenGlow{0%,to{box-shadow:none;opacity:1}50%{box-shadow:0 0 18px currentColor;opacity:.85}}.btn-ripple{position:relative;overflow:hidden}.btn-ripple:active{transform:scale(.97)!important}.btn-ripple:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--ripple-x, 50%) var(--ripple-y, 50%),rgba(255,255,255,.2) 0%,transparent 60%);opacity:0;transition:opacity .3s ease}.btn-ripple:active:after{opacity:1}@property --panel-shimmer-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.panel-glow{position:relative}.panel-glow:before{display:none;content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:conic-gradient(from var(--panel-shimmer-angle),transparent 0%,transparent 70%,rgba(184,198,224,.75) 84%,#f0f4ff 90%,rgba(184,198,224,.75) 96%,transparent 100%),linear-gradient(135deg,#7c5cff,#22d3ee);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:panelEdgeShimmer 4.5s linear infinite;pointer-events:none;z-index:1}@keyframes panelEdgeShimmer{to{--panel-shimmer-angle: 360deg}}@media(prefers-reduced-motion:reduce){.panel-glow:before{animation:none}}.topbar-backdrop{position:fixed;inset:0;background:#02060e8c;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:99;animation:fadeIn .2s ease}.earn-top-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px}@media(max-width:800px){.earn-top-grid{grid-template-columns:1fr}}@media(max-width:900px){.page-grid{grid-template-columns:1fr!important}}@media(max-width:1024px){.topbar-inner{gap:10px!important;padding:10px 14px!important}.topbar-nav{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;justify-content:flex-start!important;flex-wrap:nowrap!important}.topbar-nav::-webkit-scrollbar{display:none}.topbar-nav button{white-space:nowrap;flex-shrink:0}}@media(max-width:900px){.topbar-inner{flex-wrap:wrap!important;gap:8px!important;padding:8px 12px!important}.topbar-logo{font-size:18px!important}.topbar-hamburger{display:flex!important}.topbar-nav{display:none!important;order:3;width:100%}.topbar-nav.topbar-mobile-open{display:flex!important;flex-direction:column;gap:2px!important;padding:8px 0 4px;background:var(--surface);border-top:1px solid var(--border);animation:slideDown .22s ease;position:relative;z-index:2}.topbar-nav.topbar-mobile-open button{width:100%;text-align:left!important;font-size:14px!important;padding:12px 14px!important}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:8px}.topbar-day{min-width:90px!important;padding:4px 8px!important}.topbar-day .day-label{font-size:9px!important}.topbar-day .day-timer{font-size:10px!important}.dashboard-grid{grid-template-columns:1fr 1fr!important}.dashboard-title{font-size:28px!important}.page-title{font-size:24px!important}.swap-iframe{height:600px!important}}@media(max-width:640px){.app-main{padding:16px 10px 40px!important}.header-inner{padding:0 10px!important;gap:4px!important;height:48px!important}.tab-btn{padding:6px 12px!important;gap:4px!important;font-size:12px!important}.badge-stage{display:none}.payout-grid,.token-addr-grid{grid-template-columns:1fr!important}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-wrap table{min-width:600px}}@media(max-width:420px){.app-main .stat-value{font-size:22px!important}.topbar-nav button{font-size:10px!important;padding:5px 8px!important}.swap-iframe{height:500px!important}}@media(max-width:360px){.dashboard-grid{grid-template-columns:1fr!important}}.hz-btn{will-change:transform}.hz-btn:not(:disabled):active{transform:scale(.985);transition-duration:.05s}.hz-btn:after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:45%;background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.28) 50%,transparent 100%);transform:skew(-18deg);pointer-events:none;opacity:0}.hz-btn--primary:after{background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.5) 50%,transparent 100%)}.hz-btn:not(:disabled):hover:after{animation:btnSheen .75s cubic-bezier(.2,.8,.2,1)}@keyframes btnSheen{0%{left:-60%;opacity:0}12%{opacity:1}to{left:130%;opacity:0}}@media(prefers-reduced-motion:reduce){.hz-btn:not(:disabled):hover,.hz-btn:not(:disabled):active{transform:none}.hz-btn:hover:after{animation:none}}@keyframes tx-spin{to{transform:rotate(360deg)}}.tx-spinner{animation:tx-spin .8s linear infinite}@media(prefers-reduced-motion:reduce){.tx-spinner{animation:none}}