:root,[data-theme=dark]{--bg-primary: #0f1012;--bg-secondary: #141518;--bg-card: #1a1b1f;--bg-input: #1f2024;--bg-hover: #25262b;--bg-elevated: #1c1d21;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--glass-shine: rgba(255, 255, 255, .04);--accent: #a78bfa;--accent-dim: rgba(167, 139, 250, .15);--accent-glow: rgba(167, 139, 250, .25);--text-on-accent: #09090b;--text-primary: #fafafa;--text-secondary: rgba(250, 250, 250, .6);--text-muted: rgba(250, 250, 250, .35);--success: #34d399;--success-dim: rgba(52, 211, 153, .12);--warning: #fbbf24;--warning-dim: rgba(251, 191, 36, .12);--error: #f87171;--error-dim: rgba(248, 113, 113, .12);--info: #60a5fa;--info-dim: rgba(96, 165, 250, .12);--radius-xs: 8px;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .25);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .35);--shadow-glow: none;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{--bg-primary: #e0e0e4;--bg-secondary: #d7d7db;--bg-card: #f0f0f2;--bg-input: #dcdce0;--bg-hover: #d0d0d4;--bg-elevated: #e4e4e8;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(0, 0, 0, .08);--glass-shine: rgba(255, 255, 255, .9);--accent: #8b5cf6;--accent-dim: rgba(139, 92, 246, .12);--accent-glow: rgba(139, 92, 246, .2);--text-on-accent: #ffffff;--text-primary: #1e293b;--text-secondary: rgba(30, 41, 59, .85);--text-muted: rgba(30, 41, 59, .6);--success: #22c55e;--success-dim: rgba(34, 197, 94, .12);--warning: #f59e0b;--warning-dim: rgba(245, 158, 11, .12);--error: #ef4444;--error-dim: rgba(239, 68, 68, .12);--info: #3b82f6;--info-dim: rgba(59, 130, 246, .12);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--shadow-glow: 0 0 20px rgba(139, 92, 246, .15)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;background:var(--bg-primary)}body{font-family:Inter,SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);line-height:1.5;letter-spacing:-.01em}input,textarea{-webkit-user-select:text;user-select:text}#root{min-height:100vh}.app{min-height:100vh;position:relative;display:flex;flex-direction:column;background:var(--bg-primary)}.app:before{display:none}.header{position:sticky;top:0;z-index:100;padding:1.25rem 2.5rem;display:flex;align-items:center;justify-content:space-between;background:transparent}.logo-wrapper{position:relative}.logo{display:flex;align-items:center;gap:.875rem;font-size:1.5rem;font-weight:600;color:var(--text-primary);letter-spacing:-.02em;cursor:pointer;padding:.5rem;margin:-.5rem;border-radius:var(--radius-full);transition:background var(--transition-fast)}.logo:hover{background:#ffffff0d}.logo img{width:44px;height:44px;border-radius:var(--radius-sm)}.logo-menu{position:absolute;top:50%;left:100%;transform:translateY(-50%) translate(-8px);padding-left:1.25rem;opacity:0;visibility:hidden;transition:all var(--transition-fast);z-index:200}.logo-wrapper:hover .logo-menu{opacity:1;visibility:visible;transform:translateY(-50%) translate(0)}.logo-menu-item{display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-full);background:var(--bg-secondary);border:1px solid var(--glass-border);cursor:pointer;transition:all var(--transition-base)}.logo-menu-item:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--glass-border)}.nav{position:absolute;left:50%;transform:translate(-50%);display:flex;gap:.375rem;background:#ffffff08;padding:.4375rem;border-radius:var(--radius-full);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav-link{padding:.625rem 2rem;border-radius:var(--radius-full);font-size:.9375rem;font-weight:500;color:var(--text-muted);background:transparent;border:none;cursor:pointer;transition:all var(--transition-base);letter-spacing:.01em}.nav-link:hover{color:var(--text-primary);background:#ffffff0a}.nav-link.active{background:var(--accent);color:var(--text-on-accent);font-weight:600;box-shadow:0 2px 8px #a78bfa4d}.nav-item-wrapper{position:relative}.nav-preview{position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%);width:220px;padding:1rem;background:#0f0f12f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:0 8px 32px #00000080;z-index:200;animation:navPreviewFadeIn .15s ease-out}.nav-preview:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%) rotate(45deg);width:12px;height:12px;background:#0f0f12f2;border-left:1px solid var(--glass-border);border-top:1px solid var(--glass-border)}@keyframes navPreviewFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.nav-preview-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;color:var(--accent);font-weight:600;font-size:.9375rem}.nav-preview p{font-size:.8125rem;color:var(--text-secondary);line-height:1.5;margin:0 0 .75rem}.nav-preview-features{display:flex;flex-wrap:wrap;gap:.375rem}.nav-preview-features span{font-size:.625rem;padding:.25rem .5rem;background:#a78bfa1a;border:1px solid rgba(167,139,250,.2);color:var(--accent);border-radius:var(--radius-full);font-weight:500;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}.header-actions{display:flex;align-items:center;gap:.875rem}.desktop-only{display:flex}.mobile-only{display:none}.wallet-btn{position:relative;display:flex;align-items:center;gap:.75rem;padding:.5rem 1.5rem;height:44px;border-radius:var(--radius-full);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all var(--transition-base);border:1px solid var(--glass-border);background:#ffffff08;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text-secondary)}.wallet-btn:hover{background:#ffffff0f;border-color:#a78bfa4d;color:var(--text-primary)}.wallet-btn.connected{background:#ffffff08}.wallet-btn.has-pending,.wallet-btn-mobile.has-pending{border-color:var(--warning);box-shadow:0 0 12px #fbbf2466,inset 0 0 8px #fbbf241a;animation:pending-glow 1.5s ease-in-out infinite}.wallet-btn.has-success,.wallet-btn-mobile.has-success{border-color:var(--success);box-shadow:0 0 12px #34d39980,inset 0 0 8px #34d3991a;animation:success-glow 3s forwards}@keyframes pending-glow{0%,to{box-shadow:0 0 8px #fbbf244d,inset 0 0 4px #fbbf240d;border-color:#fbbf2499}50%{box-shadow:0 0 16px #fbbf2480,inset 0 0 10px #fbbf2426;border-color:#fbbf24}}@keyframes success-glow{0%{box-shadow:0 0 16px #34d39999,inset 0 0 10px #34d39926;border-color:#34d399}70%{box-shadow:0 0 12px #34d39966,inset 0 0 6px #34d3991a;border-color:#34d399cc}to{box-shadow:none;border-color:var(--glass-border)}}.wallet-btn.wrong-network{border-color:#ef44444d}.wallet-btn-mobile{position:relative;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;height:44px;border-radius:var(--radius-full);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-base);border:1px solid var(--glass-border);background:#ffffff08;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text-secondary)}.wallet-btn-mobile:hover{background:#ffffff0f;color:var(--text-primary)}.wallet-btn-mobile.wrong-network{border-color:#ef44444d}.network-dot-small{width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0;animation:pulse-purple 2s infinite}.network-dot-small.wrong{background:var(--error);animation:pulse-red 2s infinite}.wallet-dropdown{position:relative}.wallet-menu{position:absolute;top:calc(100% + .5rem);right:0;min-width:280px;background:#0f0f12f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:.75rem;box-shadow:0 8px 32px #00000080;z-index:100;animation:dropdownFadeIn .15s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.wallet-menu-address{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.75rem;background:#ffffff08;border:1px solid var(--glass-border);border-radius:var(--radius-lg);margin-bottom:.5rem;font-size:.75rem;color:var(--text-secondary);font-family:monospace}.wallet-menu-address span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wallet-menu-address .copy-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-full);background:#ffffff08;border:1px solid var(--glass-border);color:var(--text-muted);cursor:pointer;transition:all var(--transition-base)}.wallet-menu-address .copy-btn:hover{background:#ffffff0f;color:var(--text-primary);border-color:#a78bfa4d}.wallet-menu-address .copy-btn.copied{color:var(--success);background:#34d3991a;border-color:#34d3994d}.wallet-menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem;border-radius:var(--radius-lg);background:transparent;border:1px solid transparent;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-base)}.wallet-menu-item:hover{background:#ffffff0a;border-color:var(--glass-border)}.wallet-menu-item.disconnect{color:var(--error)}.wallet-menu-item.disconnect:hover{background:var(--error-dim);border-color:#f871714d}.wallet-menu-item.history{color:var(--text-primary)}.wallet-menu-item.history:hover{background:#8b5cf61a;border-color:#8b5cf64d}.wallet-menu-item .pending-badge{margin-left:auto;background:var(--warning);color:#000;font-size:.7rem;font-weight:600;padding:.125rem .4rem;border-radius:var(--radius-full);min-width:1.25rem;text-align:center}.wallet-menu-item .success-badge{margin-left:auto;width:8px;height:8px;background:var(--success);border-radius:50%;animation:fadeOut 3s forwards}@keyframes fadeOut{0%,80%{opacity:1}to{opacity:0}}.wallet-menu-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;margin-bottom:.25rem}.wallet-menu-label{font-size:.75rem;color:var(--text-muted)}.wallet-menu-connector{display:flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:500;color:var(--text-secondary)}.wallet-menu-network{display:flex;align-items:center;gap:.5rem;padding:.75rem;margin-bottom:.5rem;border-radius:var(--radius-lg);background:#a78bfa1a;border:1px solid rgba(167,139,250,.2);color:var(--accent);font-size:.875rem;font-weight:500}.wallet-menu-network .network-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:pulse-purple 2s infinite}.wallet-menu-network.wrong-network{background:var(--error-dim);border-color:#f871714d;color:var(--error);cursor:pointer}.wallet-menu-network.wrong-network .network-dot{background:var(--error)}.wallet-menu-network .switch-text{margin-left:auto;font-size:.75rem;opacity:.7}.wallet-menu-balance{display:flex;align-items:center;justify-content:space-between;padding:.75rem;margin-bottom:.5rem;border-radius:var(--radius-lg);background:#ffffff08;border:1px solid var(--glass-border)}.wallet-menu-balance .balance-label{font-size:.75rem;color:var(--text-muted)}.wallet-menu-balance .balance-value{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.connect-modal{background:#0f0f12f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);width:100%;max-width:400px;overflow:hidden;animation:modalSlideIn .2s ease-out;box-shadow:0 8px 32px #00000080}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.connect-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--glass-border)}.connect-modal .modal-header h2{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.connect-modal .modal-close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);background:#ffffff08;border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base)}.connect-modal .modal-close:hover{background:#ffffff0f;color:var(--text-primary);border-color:#a78bfa4d}.connect-modal .modal-body{padding:1.5rem}.connect-modal .modal-description{font-size:.875rem;color:var(--text-secondary);margin:0 0 1.25rem;text-align:center}.wallet-options{display:flex;flex-direction:column;gap:.75rem}.wallet-option{display:flex;align-items:center;gap:1rem;width:100%;padding:1rem;border-radius:var(--radius-lg);background:#ffffff05;border:1px solid var(--glass-border);cursor:pointer;transition:all var(--transition-base)}.wallet-option:hover:not(:disabled){background:#ffffff0d;border-color:#a78bfa4d}.wallet-option:disabled{opacity:.5;cursor:not-allowed}.wallet-option-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);background:#ffffff08;border:1px solid var(--glass-border);flex-shrink:0}.wallet-option-info{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;flex:1}.wallet-option-name{font-size:1rem;font-weight:600;color:var(--text-primary)}.wallet-option-desc{font-size:.8125rem;color:var(--text-muted)}.modal-error{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem;border-radius:var(--radius-lg);background:#f871711a;border:1px solid rgba(248,113,113,.3);color:var(--error);font-size:.8125rem}.network-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;border-radius:var(--radius-full);font-size:.8125rem;font-weight:500;background:var(--success-dim);border:1px solid rgba(34,197,94,.2);color:var(--success)}.network-indicator .network-dot{width:8px;height:8px;border-radius:50%;background:var(--success);animation:pulse-green 2s infinite}@keyframes pulse-green{0%,to{opacity:1;box-shadow:0 0 #22c55e66}50%{opacity:.8;box-shadow:0 0 0 4px #22c55e00}}@keyframes pulse-purple{0%,to{opacity:1;box-shadow:0 0 #a78bfa66}50%{opacity:.8;box-shadow:0 0 0 4px #a78bfa00}}.network-indicator.wrong-network{background:var(--error-dim);border-color:#ef444433;color:var(--error);cursor:pointer}.network-indicator.wrong-network:hover{background:#ef444426;border-color:#ef44444d}.network-indicator.wrong-network .network-dot{background:var(--error);animation:pulse-red 2s infinite}.connect-wallet-btn{display:flex;align-items:center;gap:.625rem;padding:.5rem 1.25rem;height:40px;border-radius:var(--radius-full);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);border:none;background:var(--accent);color:var(--text-on-accent);box-shadow:0 2px 8px #a78bfa4d}.connect-wallet-btn:hover:not(:disabled){background:#b99bff;box-shadow:0 4px 16px #a78bfa66}.connect-wallet-btn:disabled{opacity:.7;cursor:wait}.network-indicator:disabled{opacity:.7;cursor:wait}@keyframes pulse-red{0%,to{opacity:1;box-shadow:0 0 #ef444466}50%{opacity:.8;box-shadow:0 0 0 4px #ef444400}}.main-content{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:3rem 1rem;padding-bottom:220px;position:relative;z-index:1}.swap-card,.pool-card{width:100%;max-width:480px;background:#ffffff05;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);border:1px solid var(--glass-border);padding:1.5rem;box-shadow:0 8px 32px #0006;position:relative}.swap-card:before,.pool-card:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(167,139,250,.3),transparent);border-radius:var(--radius-full)}.swap-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;padding:0 .25rem}.swap-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.settings-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:#ffffff08;border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base)}.settings-btn:hover{background:#ffffff0f;color:var(--text-primary);border-color:#a78bfa4d}.token-input-container{background:#ffffff05;border-radius:var(--radius-lg);padding:1.25rem;border:1px solid var(--glass-border);transition:all var(--transition-base)}.token-input-container:focus-within{border-color:#a78bfa4d;background:#ffffff0a}.token-input-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.625rem;height:20px}.token-input-label{font-size:.875rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.04em}.token-balance{font-size:.875rem;color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast);font-weight:500}.token-balance:hover{color:var(--accent)}.percent-buttons{display:none;gap:.375rem}.percent-buttons.mobile-only{display:none}.percent-btn{padding:.125rem .5rem;font-size:.75rem;font-weight:600;color:var(--text-muted);background:var(--bg-input);border:1px solid var(--glass-border);border-radius:var(--radius-xs);cursor:pointer;transition:all var(--transition-fast);height:20px;line-height:1}.percent-btn:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-dim)}.percent-slider-container{display:flex;align-items:center;gap:.375rem;opacity:0;transform:translate(10px);pointer-events:none;transition:opacity .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1)}.token-input-pay.input-focused .percent-slider-container,.token-input-pay:hover .percent-slider-container{opacity:1;transform:translate(0);pointer-events:auto}.percent-slider-container.mobile-slider{display:none}.percent-slider-wrapper{position:relative;width:120px;height:25px;display:flex;align-items:center;padding:0;overflow:visible}.percent-slider-wrapper:before{content:"";position:absolute;left:7px;right:7px;height:6px;background:var(--bg-input);border:1px solid var(--glass-border);border-radius:var(--radius-full);pointer-events:none;box-shadow:inset 0 1px 3px #0003}.percent-slider-ticks{position:absolute;top:50%;left:7px;right:7px;transform:translateY(-50%);height:14px;display:flex;align-items:center;pointer-events:none;z-index:1}.percent-slider-tick{position:absolute;width:3px;height:10px;background:#ffffff26;border-radius:var(--radius-xs);transition:all .2s cubic-bezier(.4,0,.2,1);transform:translate(-50%)}.percent-slider-tick:nth-child(1){left:25%}.percent-slider-tick:nth-child(2){left:50%}.percent-slider-tick:nth-child(3){left:75%}.percent-slider-tick:nth-child(4){right:0;left:auto;transform:translate(50%)}.percent-slider-tick.active{background:var(--accent);height:12px;box-shadow:0 0 10px var(--accent-glow)}.percent-slider{-webkit-appearance:none;appearance:none;width:100%;margin-left:0;height:6px;background:transparent;border-radius:var(--radius-full);outline:none;cursor:pointer;position:relative;z-index:3}.percent-slider::-webkit-slider-runnable-track{width:100%;height:6px;background:linear-gradient(90deg,var(--accent) 0%,var(--accent) var(--slider-progress, 0%),transparent var(--slider-progress, 0%),transparent 100%);border-radius:var(--radius-full);transition:background .15s ease}.percent-slider:hover::-webkit-slider-runnable-track{background:linear-gradient(90deg,#b89dff 0%,#b89dff var(--slider-progress, 0%),transparent var(--slider-progress, 0%),transparent 100%)}.percent-slider.slider-zero{opacity:1}.percent-slider.slider-zero~.percent-slider-ticks{opacity:1}.percent-slider-wrapper:has(.slider-zero)+.percent-slider-value{opacity:1;color:#4a4a5a;text-shadow:none;transition:color .2s ease}.percent-slider-wrapper:has(.slider-zero):hover+.percent-slider-value{opacity:1;color:#6a6a7a;text-shadow:none}.percent-slider.slider-zero::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:linear-gradient(145deg,#6b6b7a,#4a4a5a);border-radius:var(--radius-full);cursor:grab;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 0 0 2px var(--bg-card),0 0 0 3px #64647826,0 2px 4px #0003;border:none;margin-top:-5px;position:relative;z-index:10}.percent-slider.slider-zero:hover{opacity:1}.percent-slider.slider-zero::-webkit-slider-thumb:hover{background:linear-gradient(145deg,#8a8a9a,#6a6a7a);transform:scale(1.1);box-shadow:0 0 0 2px var(--bg-card),0 0 0 4px #78788c33,0 4px 6px #00000040}.percent-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:linear-gradient(145deg,#fff 0%,var(--accent) 100%);border-radius:var(--radius-full);cursor:grab;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 0 0 2px var(--bg-card),0 0 0 4px #a78bfa4d,0 2px 8px #0000004d,0 0 16px var(--accent-glow);border:none;margin-top:-5px;position:relative;z-index:10}.percent-slider::-webkit-slider-thumb:hover{transform:scale(1.15);background:linear-gradient(145deg,#fff,#b89dff);box-shadow:0 0 0 2px var(--bg-card),0 0 0 5px #a78bfa59,0 4px 10px #00000059,0 0 20px var(--accent-glow);cursor:grab}.percent-slider:active::-webkit-slider-thumb{transform:scale(1.05);cursor:grabbing;box-shadow:0 0 0 2px var(--bg-card),0 0 0 4px #a78bfa4d,0 2px 6px #0000004d,0 0 14px var(--accent-glow)}.percent-slider::-moz-range-track{width:100%;height:6px;background:transparent;border-radius:var(--radius-full);border:none}.percent-slider::-moz-range-progress{height:6px;background:var(--accent);border-radius:var(--radius-full)}.percent-slider.slider-zero::-moz-range-thumb{width:16px;height:16px;background:linear-gradient(145deg,#6b6b7a,#4a4a5a);border:none;border-radius:var(--radius-full);cursor:grab;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 0 0 2px var(--bg-card),0 0 0 3px #64647826,0 2px 4px #0003;position:relative;z-index:10}.percent-slider.slider-zero::-moz-range-thumb:hover{background:linear-gradient(145deg,#8a8a9a,#6a6a7a);transform:scale(1.1);box-shadow:0 0 0 2px var(--bg-card),0 0 0 4px #78788c33,0 4px 6px #00000040}.percent-slider::-moz-range-thumb{width:16px;height:16px;background:linear-gradient(145deg,#fff 0%,var(--accent) 100%);border:none;border-radius:var(--radius-full);cursor:grab;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 0 0 2px var(--bg-card),0 0 0 4px #a78bfa4d,0 2px 8px #0000004d,0 0 16px var(--accent-glow);position:relative;z-index:10}.percent-slider::-moz-range-thumb:hover{transform:scale(1.15);background:linear-gradient(145deg,#fff,#b89dff);box-shadow:0 0 0 2px var(--bg-card),0 0 0 5px #a78bfa59,0 4px 10px #00000059,0 0 20px var(--accent-glow)}.percent-slider:active::-moz-range-thumb{cursor:grabbing}.percent-slider-value{font-size:.75rem;font-weight:700;color:var(--accent);min-width:36px;text-align:right;letter-spacing:.03em;text-shadow:0 0 10px var(--accent-glow);transition:all .2s ease}.percent-slider-container:hover .percent-slider-value{color:#c4b5fd;text-shadow:0 0 14px var(--accent-glow)}.percent-slider-value.over-balance{color:var(--error);text-shadow:0 0 10px rgba(239,68,68,.5);font-size:1rem;text-align:center}.percent-slider-container:hover .percent-slider-value.over-balance{color:var(--error);text-shadow:0 0 14px rgba(239,68,68,.6)}.percent-slider.slider-over::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--error) 0%,var(--error) var(--slider-progress),rgba(255,255,255,.1) var(--slider-progress),rgba(255,255,255,.1) 100%)!important}.percent-slider.slider-over::-moz-range-track{background:linear-gradient(to right,var(--error) 0%,var(--error) var(--slider-progress),rgba(255,255,255,.1) var(--slider-progress),rgba(255,255,255,.1) 100%)!important}.percent-slider.slider-over::-webkit-slider-thumb{background:var(--error)!important;box-shadow:0 0 12px #ef444499!important}.percent-slider.slider-over::-moz-range-thumb{background:var(--error)!important;box-shadow:0 0 12px #ef444499!important}.percent-slider.slider-over~.percent-slider-ticks .percent-slider-tick.active{background:var(--error);box-shadow:0 0 10px #ef444499}.token-input-row{display:flex;align-items:center;gap:1rem}.amount-input{flex:1;background:transparent;border:none;font-size:2rem;font-weight:500;color:var(--text-primary);outline:none;min-width:0;letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis}.amount-input::placeholder{color:var(--text-muted)}.amount-input::-webkit-outer-spin-button,.amount-input::-webkit-inner-spin-button{-webkit-appearance:none}.token-selector{display:flex;align-items:center;gap:.625rem;padding:.625rem 1rem;border-radius:var(--radius-full);height:48px;box-sizing:border-box;background:#ffffff0a;border:1px solid var(--glass-border);cursor:pointer;transition:all var(--transition-base);flex-shrink:0;min-width:140px;min-height:48px;justify-content:space-between}.token-selector:hover{background:#ffffff14;border-color:#a78bfa4d}.token-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--text-primary)}.token-icon img{width:100%;height:100%;border-radius:var(--radius-full);object-fit:contain}.token-symbol{font-weight:600;font-size:1.0625rem;color:var(--text-primary)}.token-selector-arrow{font-size:.75rem;color:var(--text-muted);margin-left:.125rem}.token-inputs-wrapper{position:relative;display:flex;flex-direction:column;gap:.25rem}.token-inputs-wrapper .token-input-container{margin-bottom:0}.token-inputs-wrapper .token-input-pay{border-bottom-left-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}.token-inputs-wrapper .token-input-receive{border-top-left-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm)}.swap-direction-container{display:flex;justify-content:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5}.swap-direction-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--bg-card);border:4px solid var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base)}.swap-direction-btn:hover{color:var(--accent);border-color:var(--bg-secondary);background:var(--bg-elevated)}.swap-direction-btn.rotatable:hover{transform:rotate(180deg)}.swap-btn{width:100%;padding:1rem;border-radius:var(--radius-full);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;gap:.625rem;margin-top:1rem;border:none;letter-spacing:-.01em}.swap-btn.primary{background:var(--accent);color:var(--text-on-accent);box-shadow:0 2px 12px #a78bfa4d}.swap-btn.primary:hover{background:#b99bff;box-shadow:0 4px 20px #a78bfa66;transform:translateY(-1px)}.swap-btn.primary:active{transform:translateY(0)}.swap-btn.connect{background:transparent;border:1px solid rgba(167,139,250,.4);color:var(--accent)}.swap-btn.connect:hover{background:#a78bfa1a;border-color:#a78bfa99}.swap-btn.disabled{background:#ffffff08;border:1px solid var(--glass-border);color:var(--text-muted);cursor:not-allowed}.slippage-menu{position:absolute;top:100%;right:0;margin-top:.5rem;padding:1.25rem;background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);z-index:100;min-width:280px}.slippage-menu-overlay{position:fixed;inset:0;z-index:99}.slippage-menu-label{font-size:.8125rem;color:var(--text-muted);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.04em;font-weight:500}.slippage-menu-buttons{display:flex;gap:.5rem;margin-bottom:.625rem}.slippage-btn{flex:1;padding:.5rem .75rem;border-radius:var(--radius-full);border:1px solid var(--glass-border);background:var(--bg-input);color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;transition:all var(--transition-base)}.slippage-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.slippage-btn.active{border-color:var(--accent);background:var(--accent);color:var(--text-on-accent);font-weight:600;box-shadow:0 2px 8px #a78bfa4d}.slippage-menu-row{display:flex;gap:.5rem}.slippage-auto-btn{padding:.5rem 1rem;border-radius:var(--radius-full);border:1px solid var(--glass-border);background:var(--bg-input);color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;transition:all var(--transition-base);width:4rem;flex-shrink:0}.slippage-auto-btn.active{border-color:var(--accent);background:var(--accent);color:var(--text-on-accent);font-weight:600;box-shadow:0 2px 8px #a78bfa4d}.slippage-custom-wrapper{position:relative;display:flex;align-items:center;flex:2}.slippage-custom-input{width:100%;padding:.5rem 1.75rem .5rem .75rem;border-radius:var(--radius-full);border:1px solid var(--glass-border);background:var(--bg-input);color:var(--text-secondary);font-size:.875rem;font-weight:500;outline:none;text-align:left;transition:all var(--transition-base)}.slippage-custom-input.active{border-color:var(--accent);background:var(--accent);color:var(--text-on-accent);font-weight:600}.slippage-custom-suffix{position:absolute;right:.75rem;color:var(--text-muted);font-size:.875rem;pointer-events:none;transition:color var(--transition-base)}.slippage-custom-input.active+.slippage-custom-suffix{color:var(--text-on-accent)}.pool-tabs-settings{position:absolute;right:.375rem;display:flex;align-items:center}.info-menu .info-menu-title{font-size:1rem;font-weight:600;margin-bottom:.75rem;color:var(--text-primary)}.info-menu .info-menu-content{font-size:.875rem;color:var(--text-secondary);line-height:1.6}.info-menu .info-menu-content p{margin-bottom:.75rem}.info-menu .info-menu-content strong{color:var(--text-primary)}.info-menu .info-menu-content .info-menu-note{margin:0;color:var(--text-muted);font-size:.8125rem}.pool-tabs{display:flex;align-items:center;gap:.375rem;background:#ffffff08;padding:.5rem;padding-right:52px;border-radius:var(--radius-full);margin-bottom:1rem;border:1px solid var(--glass-border);position:relative}.pool-tab{flex:1;padding:.625rem 1rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:600;color:var(--text-muted);background:transparent;border:none;cursor:pointer;transition:background var(--transition-base),color var(--transition-base),box-shadow var(--transition-base);white-space:nowrap;text-align:center}.pool-tab:hover{color:var(--text-primary);background:#ffffff0a}.pool-tab.active{color:var(--text-on-accent);background:var(--accent);box-shadow:0 2px 8px #a78bfa4d}.info-box{padding:.875rem 1.125rem;border-radius:var(--radius-lg);font-size:.875rem;display:flex;align-items:center;gap:.75rem;margin-top:.875rem;line-height:1.4}.info-box.info{background:#60a5fa14;border:1px solid rgba(96,165,250,.2);color:var(--info)}.info-box.success{background:#34d39914;border:1px solid rgba(52,211,153,.2);color:var(--success)}.info-box.warning{background:#fbbf2414;border:1px solid rgba(251,191,36,.2);color:var(--warning)}.info-box.error{background:#f8717114;border:1px solid rgba(248,113,113,.2);color:var(--error)}.info-box .icon{width:18px;height:18px;flex-shrink:0}.swap-info-box{margin-top:.625rem;padding:.75rem;background:#ffffff05;border-radius:var(--radius-md);border:1px solid var(--glass-border)}.price-info{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.9375rem;color:var(--text-secondary)}.price-info-value{color:var(--text-primary);font-weight:500}.modal-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.token-modal{width:100%;max-width:440px;max-height:80vh;background:#0f0f12f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);border:1px solid var(--glass-border);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000080}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--glass-border)}.modal-title{font-size:1.125rem;font-weight:600;letter-spacing:-.01em}.modal-close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:#ffffff08;border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base)}.modal-close:hover{background:#ffffff0f;color:var(--text-primary);border-color:#a78bfa4d}.token-search{padding:1.25rem 1.5rem}.token-search input{width:100%;padding:.875rem 1.125rem;border-radius:var(--radius-full);background:#ffffff08;border:1px solid var(--glass-border);color:var(--text-primary);font-size:.9375rem;outline:none;transition:all var(--transition-base)}.token-search input:focus{border-color:#a78bfa4d;background:#ffffff0d}.token-search input::placeholder{color:var(--text-muted)}.token-list{flex:1;overflow-y:auto;padding:0 .75rem 1rem}.token-list-item{display:flex;align-items:center;gap:.875rem;padding:.875rem;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);border:1px solid transparent}.token-list-item:hover{background:#ffffff0a;border-color:var(--glass-border)}.token-list-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--text-primary)}.token-list-icon img{width:100%;height:100%;border-radius:var(--radius-full)}.token-list-info{flex:1;min-width:0}.token-list-symbol{font-weight:600;font-size:1.0625rem;display:flex;align-items:center;gap:.5rem;margin-bottom:.125rem}.token-list-name{font-size:.875rem;color:var(--text-muted)}.token-list-balance{font-size:.9375rem;color:var(--text-secondary);text-align:right;font-weight:500}.tag{font-size:.625rem;padding:.25rem .5rem;border-radius:var(--radius-xs);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.tag.wrapped{background:var(--accent-dim);color:var(--accent)}.loading{width:20px;height:20px;border:2px solid var(--glass-border);border-top-color:var(--accent);border-radius:var(--radius-full);animation:spin .7s linear infinite}.connect-wallet-btn .loading{border-color:#00000040;border-top-color:#000000b3}.claim-loader{border-color:#0003;border-top-color:#000c}.stake-tab{flex:1;padding:.625rem;border-radius:var(--radius-lg);border:none;background:var(--bg-elevated);color:var(--text-secondary);cursor:pointer;font-weight:500;transition:all .2s ease}.stake-tab:hover{background:var(--bg-hover)}.stake-tab.active{background:var(--accent);color:var(--text-on-accent)}.stake-stats{background:var(--bg-elevated);border-radius:var(--radius-lg)}.convert-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:.625rem;margin-bottom:.625rem}.convert-toggle-label{display:flex;align-items:center;gap:.625rem;cursor:pointer;-webkit-user-select:none;user-select:none}.convert-toggle-input{position:absolute;opacity:0;width:0;height:0}.convert-toggle-track{position:relative;width:44px;height:24px;border-radius:var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--glass-border);transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0}.convert-toggle-thumb{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--text-muted);transition:all .2s cubic-bezier(.4,0,.2,1)}.convert-toggle-input:checked+.convert-toggle-track{background:var(--accent);border-color:var(--accent)}.convert-toggle-input:checked+.convert-toggle-track .convert-toggle-thumb{left:23px;background:#fff;box-shadow:0 1px 3px #0003}.convert-toggle-input:focus-visible+.convert-toggle-track{outline:2px solid var(--accent);outline-offset:2px}.convert-toggle-label:hover .convert-toggle-track{border-color:var(--text-muted)}.convert-toggle-input:checked+.convert-toggle-track:hover{border-color:var(--accent)}.convert-toggle-text{font-size:.8125rem;color:var(--text-muted);transition:color .15s ease}.convert-toggle-text.active{color:var(--text-primary)}.convert-impact{font-size:.8125rem;font-weight:500;color:var(--text-primary)}.convert-impact.medium{color:var(--warning)}.convert-impact.high{color:var(--error)}@keyframes spin{to{transform:rotate(360deg)}}.skeleton-pulse{background:linear-gradient(90deg,var(--bg-elevated) 0%,rgba(255,255,255,.08) 50%,var(--bg-elevated) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pool-item{padding:1rem 1.125rem;background:var(--bg-input);border-radius:var(--radius-md);margin-bottom:.75rem;cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent}.pool-item:hover{border-color:#a78bfa33;background:var(--bg-hover)}.manage-toggle{display:flex;gap:.5rem;margin-bottom:1rem}.manage-toggle-btn{flex:1;padding:.625rem;border-radius:var(--radius-md);border:1px solid var(--glass-border);background:var(--bg-input);color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:600;transition:all .2s ease}.manage-toggle-btn:hover:not(.active){border-color:#a78bfa66;background:var(--bg-hover);color:var(--text-primary)}.manage-toggle-btn.active{border-color:var(--accent);background:var(--accent);color:var(--text-on-accent)}.earnings-tab{margin-top:.5rem}.earnings-summary{background:var(--accent-dim);border:1px solid rgba(167,139,250,.2);border-radius:var(--radius-md);padding:1rem;margin-bottom:1rem}.earnings-summary-header{display:flex;align-items:center;gap:.5rem;color:var(--accent);font-weight:600;font-size:.9375rem;margin-bottom:.5rem}.earnings-summary-desc{font-size:.8125rem;color:var(--text-secondary);line-height:1.5;margin:0}.earnings-pool-item{background:var(--bg-input);border-radius:var(--radius-md);padding:1rem;margin-bottom:.75rem;border:1px solid transparent;transition:all var(--transition-fast)}.earnings-pool-item:hover{border-color:var(--glass-border)}.earnings-pool-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--glass-border)}.earnings-pool-share{font-size:.75rem;color:var(--accent);background:var(--accent-dim);padding:.25rem .5rem;border-radius:var(--radius-sm);font-weight:500}.earnings-pool-details{display:flex;flex-direction:column;gap:.5rem}.earnings-row{display:flex;justify-content:space-between;align-items:center;font-size:.8125rem}.earnings-row.earnings-highlight{background:var(--bg-elevated);margin:.25rem -.5rem;padding:.5rem;border-radius:var(--radius-sm)}.earnings-label{color:var(--text-muted)}.earnings-value{color:var(--text-secondary);font-weight:500;text-align:right}.earnings-value.positive{color:var(--success)}.earnings-date{font-size:.75rem;opacity:.8}.earnings-no-data{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-muted);background:var(--bg-elevated);padding:.5rem .75rem;border-radius:var(--radius-sm);margin-top:.25rem}@media all and (display-mode:standalone){::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--bg-primary);-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);border-top:1px solid var(--glass-border);padding:.125rem 1.5rem;padding-bottom:env(safe-area-inset-bottom);z-index:100}.mobile-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:.625rem;background:transparent;border:none;color:var(--text-muted);font-size:.8125rem;font-weight:500;cursor:pointer;transition:color var(--transition-fast)}.mobile-nav-item.active{color:var(--accent)}.mobile-nav-item:active{transform:scale(.95)}@media(max-width:1200px){.nav{display:none}}@media(max-width:640px){html,body,#root{height:100%;overflow:hidden;position:fixed;width:100%;max-width:100vw;font-size:15px}.header{padding:.75rem 1rem}.logo{font-size:1.25rem}.logo img{width:36px;height:36px}.wallet-btn{padding:.625rem 1rem;font-size:.875rem}.network-indicator{padding:.375rem .625rem;font-size:.75rem}.network-indicator .network-dot{width:6px;height:6px}.connect-wallet-btn{padding:.625rem .875rem;font-size:.8125rem;gap:.5rem}.connect-wallet-btn .connect-text{display:inline}.connect-wallet-btn .connect-text:after{content:none}.connect-wallet-btn .connect-text{font-size:0}.connect-wallet-btn .connect-text:before{content:"Connect";font-size:.8125rem}.desktop-only{display:none!important}.mobile-only{display:flex!important}.percent-slider-container.mobile-slider,.token-input-pay.input-focused .percent-slider-container.mobile-slider,.token-input-pay:hover .percent-slider-container.mobile-slider{display:flex!important;opacity:1!important;pointer-events:auto!important;position:absolute!important;right:0!important;top:50%!important;transform:translateY(-50%)!important}.token-input-header{position:relative}.mobile-slider .percent-slider-wrapper{width:100px}.mobile-slider .percent-slider{height:24px;margin:-.625rem 0;padding:.625rem 0}.mobile-slider .percent-slider::-webkit-slider-thumb{width:18px;height:18px;margin-top:-7px}.mobile-slider .percent-slider::-moz-range-thumb{width:18px;height:18px}.mobile-slider .percent-slider.slider-zero::-webkit-slider-thumb{width:18px;height:18px;margin-top:-7px}.mobile-slider .percent-slider.slider-zero::-moz-range-thumb{width:18px;height:18px}.price-info{font-size:.8125rem}.header-actions{gap:.5rem}.logo-menu{padding-left:1rem}.nav{display:none}.swap-card,.pool-card{width:100%;max-width:100%;box-sizing:border-box;border-radius:var(--radius-lg);padding:1.25rem}.swap-title{font-size:1.125rem}.settings-btn{width:36px;height:36px}.token-input-container{padding:1rem}.amount-input{font-size:1.75rem}.token-icon{width:28px;height:28px}.swap-direction-btn{width:40px;height:40px}.swap-btn{padding:1rem;font-size:1rem}.main-content{padding:1.25rem 1rem;padding-bottom:calc(5rem + env(safe-area-inset-bottom));overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;max-width:100vw;box-sizing:border-box}.main-content>div{width:100%;max-width:100%}.app{height:100%;max-height:100%;max-width:100vw;overflow:hidden}}@media(max-height:500px)and (orientation:landscape){.desktop-only{display:none!important}.mobile-only{display:flex!important}.nav{display:none}}.tx-modal{width:100%;max-width:480px;max-height:80vh;background:#0f0f12f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);border:1px solid var(--glass-border);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000080}.pending-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;margin-left:8px;font-size:.75rem;font-weight:600;background:var(--warning);color:var(--text-on-accent);border-radius:var(--radius-full)}.tx-filters{display:flex;gap:.375rem;background:#ffffff05;margin:0 1rem 1rem;border-radius:var(--radius-full);padding:.375rem;border:1px solid var(--glass-border)}.tx-filter-btn{flex:1;padding:.5rem .75rem;border-radius:var(--radius-full);font-size:.8125rem;font-weight:500;color:var(--text-muted);background:transparent;border:none;cursor:pointer;transition:all var(--transition-base)}.tx-filter-btn:hover{color:var(--text-primary);background:#ffffff0a}.tx-filter-btn.active{color:var(--text-on-accent);background:var(--accent);font-weight:600;box-shadow:0 2px 8px #a78bfa4d}.tx-list{flex:1;overflow-y:auto;padding:.75rem}.tx-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:var(--text-muted)}.tx-empty p{margin-top:1rem;font-size:1rem;font-weight:500;color:var(--text-secondary)}.tx-empty span{margin-top:.25rem;font-size:.875rem}.tx-item{display:flex;align-items:center;justify-content:space-between;padding:.875rem;border-radius:var(--radius-lg);margin-bottom:.5rem;background:#ffffff05;border:1px solid transparent;transition:all var(--transition-base)}.tx-item:hover{background:#ffffff0a;border-color:var(--glass-border)}.tx-item:last-child{margin-bottom:0}.tx-item-left{display:flex;align-items:center;gap:.75rem;min-width:0}.tx-item-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);flex-shrink:0;background:#ffffff08;border:1px solid var(--glass-border)}.tx-item-info{min-width:0;overflow:hidden}.tx-item-type{font-weight:500;font-size:.9375rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.tx-item-desc{color:var(--text-muted);font-weight:400;font-size:.8125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tx-item-meta{display:flex;align-items:center;gap:.5rem;margin-top:.25rem;font-size:.8125rem}.tx-item-time{color:var(--text-muted)}.tx-item-right{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;flex-shrink:0}.tx-item-amount{font-size:.875rem;font-weight:500;color:var(--text-secondary);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tx-item-link{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--accent);text-decoration:none;transition:opacity var(--transition-fast)}.tx-item-link:hover{opacity:.8}.tx-footer{padding:1rem 1.25rem;border-top:1px solid var(--glass-border)}.tx-clear-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.625rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:500;color:var(--text-muted);background:#ffffff08;border:1px solid var(--glass-border);cursor:pointer;transition:all var(--transition-base)}.tx-clear-btn:hover{color:var(--error);border-color:#f8717166;background:#f871711a}.tx-refresh-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:#ffffff08;border:1px solid var(--glass-border);color:var(--text-muted);cursor:pointer;transition:all var(--transition-base)}.tx-refresh-btn:hover:not(:disabled){background:#ffffff0f;color:var(--accent);border-color:var(--accent-dim)}.tx-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.tx-refresh-btn svg.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tx-info{display:block;text-align:center;font-size:.75rem;color:var(--text-muted)}.tx-loading-more{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;color:var(--text-muted);font-size:.875rem}.tx-load-more-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:.75rem;margin-top:.5rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all .2s ease}.tx-load-more-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--primary)}.tx-end{display:flex;align-items:center;justify-content:center;padding:1rem;color:var(--text-muted);font-size:.75rem;opacity:.7}.theme-toggle-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--bg-secondary);border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base)}.theme-toggle-btn:hover{background:var(--bg-hover);color:#fbbf24;border-color:#fbbf244d}.theme-toggle-btn:hover svg{animation:sunrise .5s ease-out}@keyframes sunrise{0%{transform:translateY(6px) scale(.8);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.theme-toggle-btn:active{transform:rotate(0) scale(.95)}.history-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);position:relative}.history-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--accent-dim)}.history-btn:hover .clock-hand-minute{transform-origin:12px 12px;animation:clock-minute .8s linear}.history-btn:hover .clock-hand-hour{transform-origin:12px 12px;animation:clock-hour .8s linear}@keyframes clock-minute{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes clock-hour{0%{transform:rotate(0)}to{transform:rotate(30deg)}}.history-btn .pending-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;background:var(--warning);border-radius:var(--radius-full);animation:pulse 2s infinite}.history-btn .success-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;background:var(--success);border-radius:var(--radius-full);animation:successFade 3s ease-out forwards}@keyframes successFade{0%{opacity:1;transform:scale(1)}70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.5)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@media(max-width:480px){.tx-modal{max-width:100%;max-height:90vh;margin:.5rem;border-radius:var(--radius-lg)}.tx-filters{margin:0 .75rem .75rem;padding:.25rem;gap:.25rem}.tx-filter-btn{padding:.375rem .25rem;font-size:.6875rem;min-width:0}.tx-list{padding:.5rem}.tx-item{flex-direction:column;align-items:stretch;padding:.75rem;gap:.5rem}.tx-item-left{width:100%}.tx-item-icon{width:32px;height:32px;flex-shrink:0}.tx-item-info{flex:1;min-width:0;overflow:hidden}.tx-item-type{font-size:.8125rem;flex-wrap:wrap;gap:.25rem}.tx-item-desc{display:block;font-size:.75rem;overflow:hidden;text-overflow:ellipsis}.tx-item-meta{font-size:.75rem;margin-top:.125rem}.tx-item-right{flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding-top:.5rem;border-top:1px solid var(--glass-border)}.tx-item-amount{font-size:.8125rem;word-break:break-all}.tx-item-link{font-size:.6875rem;flex-shrink:0}.tx-footer{padding:.75rem}.tx-clear-btn{padding:.5rem;font-size:.8125rem}.tx-empty{padding:2rem 1rem}.tx-empty p{font-size:.875rem}.tx-empty span{font-size:.75rem}.pending-badge{min-width:18px;height:18px;font-size:.6875rem;padding:0 5px}}::selection{background:var(--accent-dim);color:var(--text-primary)}[data-theme=light] .header{background:transparent;border-bottom-color:transparent}[data-theme=light] .logo:hover{background:#0000000d}[data-theme=light] .logo span{background:linear-gradient(135deg,var(--accent) 0%,#6d28d9 100%);-webkit-background-clip:text;background-clip:text}[data-theme=light] .logo img{filter:brightness(0) saturate(100%)}[data-theme=light] .logo-menu-item{background:#00000008;border-color:var(--glass-border)}[data-theme=light] .logo-menu-item:hover{background:#0000000f;border-color:#8b5cf64d}[data-theme=light] .nav-link{color:var(--text-secondary)}[data-theme=light] .nav-link:hover{color:var(--accent);background:var(--accent-dim)}[data-theme=light] .nav-link.active{background:var(--accent);color:#fff;box-shadow:0 2px 8px #a78bfa4d}[data-theme=light] .nav-preview{background:var(--bg-card);border-color:var(--glass-border);box-shadow:var(--shadow-lg)}[data-theme=light] .nav-preview:before{background:var(--bg-card);border-color:var(--glass-border)}[data-theme=light] .nav-preview-header{color:var(--text-primary)}[data-theme=light] .nav-preview-features span{background:#8b5cf61f;border:1px solid rgba(139,92,246,.25);color:#7c3aed}[data-theme=light] .card{background:var(--bg-card);border-color:var(--glass-border);box-shadow:var(--shadow-md)}[data-theme=light] .dusk-token-logo{filter:brightness(0) saturate(100%)}[data-theme=light] .token-input{background:#00000005;border-color:var(--glass-border)}[data-theme=light] .token-input:focus-within{border-color:#8b5cf64d;background:#00000008}[data-theme=light] .token-input-container{background:#00000005;border-color:var(--glass-border)}[data-theme=light] .token-input-container:focus-within{border-color:#8b5cf64d;background:#00000008}[data-theme=light] .token-select-btn{background:#00000008;border-color:var(--glass-border)}[data-theme=light] .token-select-btn:hover{background:#0000000f;border-color:#8b5cf64d}[data-theme=light] .token-selector{background:#0000000a;border-color:var(--glass-border)}[data-theme=light] .token-selector:hover{background:#00000014;border-color:#8b5cf64d}[data-theme=light] .swap-btn.primary,[data-theme=light] .connect-wallet-btn{background:linear-gradient(135deg,var(--accent) 0%,#7c3aed 100%);box-shadow:0 4px 14px #8b5cf64d}[data-theme=light] .swap-btn.primary:hover,[data-theme=light] .connect-wallet-btn:hover{background:linear-gradient(135deg,#7c3aed,#5b21b6);box-shadow:0 6px 20px #5b21b680}[data-theme=light] .swap-btn.connect{background:transparent;border:1px solid rgba(139,92,246,.3);color:var(--accent);box-shadow:none}[data-theme=light] .swap-btn.connect:hover{background:#6d28d91f;border-color:#6d28d980;box-shadow:0 0 8px #6d28d933;color:#6d28d9}[data-theme=light] .swap-direction-btn{background:var(--bg-primary);border-color:#0000000f}[data-theme=light] .swap-direction-btn:hover{background:var(--accent-dim);border-color:#8b5cf64d}[data-theme=light] .percent-btn{background:#00000008;border-color:var(--glass-border);color:var(--text-secondary)}[data-theme=light] .percent-btn:hover,[data-theme=light] .percent-btn.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}[data-theme=light] .percent-slider-wrapper:before{background:#0000000a;border-color:var(--glass-border);box-shadow:inset 0 1px 2px #00000014}[data-theme=light] .percent-slider-tick{background:#0003}[data-theme=light] .percent-slider-tick.active{background:var(--accent)}[data-theme=light] .percent-slider::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--accent) 0%,var(--accent) var(--slider-progress, 0%),transparent var(--slider-progress, 0%),transparent 100%)}[data-theme=light] .percent-slider:hover::-webkit-slider-runnable-track{background:linear-gradient(90deg,#7c3aed 0%,#7c3aed var(--slider-progress, 0%),transparent var(--slider-progress, 0%),transparent 100%)}[data-theme=light] .percent-slider::-webkit-slider-thumb{background:linear-gradient(145deg,var(--accent) 0%,#7c3aed 100%);box-shadow:0 0 0 2px #fff,0 0 0 3px #7c3aed66,0 2px 6px #00000040}[data-theme=light] .percent-slider::-webkit-slider-thumb:hover{background:linear-gradient(145deg,#7c3aed,#6d28d9);box-shadow:0 0 0 2px #fff,0 0 0 4px #6d28d980,0 4px 8px #0000004d}[data-theme=light] .percent-slider::-moz-range-track{background:#00000026}[data-theme=light] .percent-slider::-moz-range-progress{background:var(--accent)}[data-theme=light] .percent-slider.slider-zero{opacity:1}[data-theme=light] .percent-slider.slider-zero~.percent-slider-ticks{opacity:1}[data-theme=light] .percent-slider-wrapper:has(.slider-zero)+.percent-slider-value{opacity:1;color:#9a8aaa;text-shadow:none}[data-theme=light] .percent-slider-wrapper:has(.slider-zero):hover+.percent-slider-value{opacity:1;color:#a898b8;text-shadow:none}[data-theme=light] .percent-slider.slider-zero::-webkit-slider-thumb{background:linear-gradient(145deg,#b8b0c8,#9a8aaa);box-shadow:0 0 0 2px #fff,0 0 0 3px #7c3aed1a,0 2px 4px #00000026}[data-theme=light] .percent-slider.slider-zero::-webkit-slider-thumb:hover{background:linear-gradient(145deg,#c8c0d8,#a898b8);box-shadow:0 0 0 2px #fff,0 0 0 4px #7c3aed26,0 4px 6px #0003}[data-theme=light] .percent-slider.slider-zero::-moz-range-thumb{background:linear-gradient(145deg,#b8b0c8,#9a8aaa);box-shadow:0 0 0 2px #fff,0 0 0 3px #7c3aed1a,0 2px 4px #00000026}[data-theme=light] .percent-slider.slider-zero::-moz-range-thumb:hover{background:linear-gradient(145deg,#c8c0d8,#a898b8);box-shadow:0 0 0 2px #fff,0 0 0 4px #7c3aed26,0 4px 6px #0003}[data-theme=light] .percent-slider-container:hover .percent-slider-value{color:#7c3aed;text-shadow:0 0 10px rgba(124,58,237,.4)}[data-theme=light] .percent-slider-value.over-balance{color:var(--error);text-shadow:0 0 8px rgba(239,68,68,.4)}[data-theme=light] .percent-slider-container:hover .percent-slider-value.over-balance{color:var(--error);text-shadow:0 0 10px rgba(239,68,68,.5)}[data-theme=light] .percent-slider.slider-over::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--error) 0%,var(--error) var(--slider-progress),rgba(0,0,0,.1) var(--slider-progress),rgba(0,0,0,.1) 100%)!important}[data-theme=light] .percent-slider.slider-over::-moz-range-track{background:linear-gradient(to right,var(--error) 0%,var(--error) var(--slider-progress),rgba(0,0,0,.1) var(--slider-progress),rgba(0,0,0,.1) 100%)!important}[data-theme=light] .percent-slider.slider-over::-webkit-slider-thumb{background:linear-gradient(145deg,var(--error) 0%,#dc2626 100%)!important;box-shadow:0 0 0 2px #fff,0 0 0 3px #ef444433,0 2px 4px #00000026!important}[data-theme=light] .percent-slider.slider-over::-moz-range-thumb{background:linear-gradient(145deg,var(--error) 0%,#dc2626 100%)!important;box-shadow:0 0 0 2px #fff,0 0 0 3px #ef444433,0 2px 4px #00000026!important}[data-theme=light] .percent-slider.slider-over~.percent-slider-ticks .percent-slider-tick.active{background:var(--error);box-shadow:0 0 8px #ef444480}[data-theme=light] .wallet-btn,[data-theme=light] .wallet-btn-mobile{background:#00000008;border-color:var(--glass-border);-webkit-backdrop-filter:none;backdrop-filter:none}[data-theme=light] .wallet-btn:hover,[data-theme=light] .wallet-btn-mobile:hover{background:#0000000f;border-color:#8b5cf666;box-shadow:0 0 8px #8b5cf633;color:var(--text-primary)}[data-theme=light] .wallet-menu{background:var(--bg-card);border-color:var(--glass-border);box-shadow:var(--shadow-lg)}[data-theme=light] .wallet-menu-item:hover{background:var(--bg-hover)}[data-theme=light] .modal-overlay{background:#0000004d}[data-theme=light] .modal{background:var(--bg-card);border-color:var(--glass-border);box-shadow:var(--shadow-lg)}[data-theme=light] .modal-close:hover{background:var(--bg-hover)}[data-theme=light] .pool-tabs{background:#00000008;border-color:var(--glass-border)}[data-theme=light] .pool-tab{background:transparent;color:var(--text-muted)}[data-theme=light] .pool-tab:hover{background:#0000000a;color:var(--text-primary)}[data-theme=light] .pool-tab.active{background:var(--accent);color:#fff}[data-theme=light] .pool-item{background:var(--bg-input);border-color:var(--glass-border)}[data-theme=light] .pool-item:hover{background:var(--bg-hover);border-color:#8b5cf633}[data-theme=light] .info-box.info{background:#2563eb1a;border-color:#2563eb40}[data-theme=light] .info-box.success{background:#16a34a1a;border-color:#16a34a40}[data-theme=light] .info-box.warning{background:#ca8a041a;border-color:#ca8a0440}[data-theme=light] .info-box.error{background:#dc26261a;border-color:#dc262640}[data-theme=light] .swap-info-box{background:#00000005;border-color:var(--glass-border)}[data-theme=light] .mobile-nav{border-top-color:var(--glass-border)}[data-theme=light] .mobile-nav-item{color:var(--text-muted)}[data-theme=light] .mobile-nav-item.active{color:var(--accent)}[data-theme=light] .history-btn,[data-theme=light] .theme-toggle-btn,[data-theme=light] .settings-btn{background:#00000008;border-color:var(--glass-border)}[data-theme=light] .settings-btn:hover,[data-theme=light] .history-btn:hover{background:#0000000f;border-color:#8b5cf64d}[data-theme=light] .theme-toggle-btn:hover{background:#0000000f;color:var(--accent);border-color:#8b5cf64d}[data-theme=light] .theme-toggle-btn:hover svg{animation:moonrise .5s ease-out}@keyframes moonrise{0%{transform:translateY(6px) scale(.8);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}[data-theme=light] .tx-item{background:var(--bg-input);border-color:var(--glass-border)}[data-theme=light] .tx-item:hover{background:var(--bg-hover)}[data-theme=light] .tx-modal{background:var(--bg-card);border-color:var(--glass-border);box-shadow:var(--shadow-lg)}[data-theme=light] .tx-modal-header{border-bottom-color:var(--glass-border)}[data-theme=light] .tx-modal-header h2{color:var(--text-primary)}[data-theme=light] .tx-filters{background:var(--bg-input);border-color:var(--glass-border)}[data-theme=light] .tx-filter-btn{color:var(--text-secondary);background:transparent}[data-theme=light] .tx-filter-btn:hover{color:var(--text-primary);background:var(--bg-hover)}[data-theme=light] .tx-filter-btn.active{color:#fff;background:var(--accent)}[data-theme=light] .tx-list{background:transparent}[data-theme=light] .tx-item-icon{border-color:var(--glass-border)}[data-theme=light] .tx-item-type{color:var(--text-primary)}[data-theme=light] .tx-item-desc{color:var(--text-secondary)}[data-theme=light] .tx-item-time{color:var(--text-muted)}[data-theme=light] .tx-item-amount{color:var(--text-primary)}[data-theme=light] .tx-item-link{color:var(--accent)}[data-theme=light] .tx-footer{border-top-color:var(--glass-border)}[data-theme=light] .tx-clear-btn{background:var(--bg-input);border-color:var(--glass-border);color:var(--text-secondary)}[data-theme=light] .tx-clear-btn:hover{background:var(--error-dim);border-color:var(--error);color:var(--error)}[data-theme=light] .tx-empty{color:var(--text-muted)}[data-theme=light] .tx-empty p{color:var(--text-secondary)}[data-theme=light] .token-modal{background:var(--bg-card);border-color:var(--glass-border);box-shadow:var(--shadow-lg)}[data-theme=light] .token-modal .modal-header{border-bottom-color:var(--glass-border)}[data-theme=light] .token-modal .modal-title{color:var(--text-primary)}[data-theme=light] .token-modal .modal-close{color:var(--text-secondary);background:transparent}[data-theme=light] .token-modal .modal-close:hover{color:var(--text-primary);background:var(--bg-hover)}[data-theme=light] .token-search{background:transparent}[data-theme=light] .token-search input{background:var(--bg-input);border-color:var(--glass-border);color:var(--text-primary)}[data-theme=light] .token-search input:focus{border-color:var(--accent);background:var(--bg-card)}[data-theme=light] .token-search input::placeholder{color:var(--text-muted)}[data-theme=light] .token-list{background:transparent}[data-theme=light] .token-list-item{background:transparent;border-color:transparent}[data-theme=light] .token-list-item:hover{background:var(--bg-hover);border-color:var(--glass-border)}[data-theme=light] .token-list-icon{background:var(--bg-input);border-radius:var(--radius-full)}[data-theme=light] .token-list-symbol{color:var(--text-primary)}[data-theme=light] .token-list-name{color:var(--text-secondary)}[data-theme=light] .token-list-balance{color:var(--text-muted)}[data-theme=light] .connect-modal{background:var(--bg-card)}[data-theme=light] .connect-modal .modal-header{border-bottom-color:var(--glass-border)}[data-theme=light] .connect-modal .modal-description{color:var(--text-secondary)}[data-theme=light] .connect-option{background:var(--bg-input);border-color:var(--glass-border)}[data-theme=light] .connect-option:hover{background:var(--bg-hover);border-color:var(--accent)}[data-theme=light] .connect-option-name{color:var(--text-primary)}[data-theme=light] .connect-option-desc{color:var(--text-secondary)}[data-theme=light] .wallet-option{background:#0000000a;border-color:var(--glass-border)}[data-theme=light] .wallet-option:hover:not(:disabled){background:#00000014;border-color:#8b5cf666}[data-theme=light] .swap-btn.primary,[data-theme=light] .connect-wallet-btn{color:#fff}[data-theme=light] .swap-btn:disabled{background:var(--bg-hover);color:var(--text-muted);box-shadow:none}[data-theme=light] .wallet-menu-network{background:var(--bg-input);border-color:var(--glass-border)}[data-theme=light] .wallet-menu-header{border-bottom-color:var(--glass-border)}[data-theme=light] .wallet-menu-address{background:var(--bg-input);color:var(--text-secondary)}[data-theme=light] .wallet-menu-label{color:var(--text-muted)}[data-theme=light] .copy-btn{color:var(--text-secondary)}[data-theme=light] .copy-btn:hover{color:var(--accent);background:var(--accent-dim)}[data-theme=light] .copy-btn.copied,[data-theme=light] .copy-btn.copied:hover{color:var(--success);background:var(--success-dim)}[data-theme=light] .price-info{color:var(--text-secondary)}[data-theme=light] .slippage-info{background:var(--bg-input);border-color:var(--glass-border)}[data-theme=light] .pool-position-item{background:#d0d0d6;border-color:#00000014}[data-theme=light] .pool-position-item:hover{background:#c8c8ce}[data-theme=light] .loading{border-color:var(--glass-border);border-top-color:var(--accent)}[data-theme=light] .connect-wallet-btn .loading{border-color:#fff6;border-top-color:#ffffffe6}[data-theme=light] .claim-loader{border-color:#ffffff4d;border-top-color:#fff}[data-theme=light] .stake-tab{background:#d0d0d6;color:var(--text-secondary)}[data-theme=light] .stake-tab:hover{background:#c5c5cc}[data-theme=light] .stake-tab.active{background:var(--accent);color:var(--text-on-accent)}[data-theme=light] .stake-stats{background:#d8d8de;border:1px solid rgba(0,0,0,.06)}[data-theme=light] .convert-toggle-track{background:#d0d0d6;border-color:#0000001f}[data-theme=light] .convert-toggle-thumb{background:#888}[data-theme=light] .convert-toggle-label:hover .convert-toggle-track{border-color:#00000040}[data-theme=light] .convert-toggle-input:checked+.convert-toggle-track .convert-toggle-thumb{background:#fff;box-shadow:0 1px 3px #00000040}[data-theme=light] .claim-rewards-btn:disabled{background:var(--success);color:#fff;opacity:.8}[data-theme=light] .skeleton-pulse{background:linear-gradient(90deg,var(--bg-elevated) 0%,rgba(0,0,0,.06) 50%,var(--bg-elevated) 100%);background-size:200% 100%}[data-theme=light] .scrollbar-track{background:var(--bg-input)}[data-theme=light] ::-webkit-scrollbar-track{background:var(--bg-input)}[data-theme=light] ::-webkit-scrollbar-thumb{background:var(--bg-hover)}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:var(--accent-dim)}.dusk-footer{width:100%;position:fixed;bottom:0;left:0;right:0;line-height:0;pointer-events:none;z-index:0}.dusk-art{width:100%;height:auto;min-height:200px;display:block}@keyframes starFlicker{0%,to{opacity:.25}50%{opacity:.6}}@keyframes starFlickerSlow{0%,to{opacity:.2}30%{opacity:.5}70%{opacity:.35}}@keyframes starFlickerFast{0%,to{opacity:.15}25%{opacity:.55}75%{opacity:.3}}.star{animation:starFlicker 3s ease-in-out infinite}.star-1{animation-delay:-1.7s}.star-2{animation:starFlickerSlow 4s ease-in-out infinite;animation-delay:-2.3s}.star-3{animation-delay:-.8s}.star-4{animation:starFlickerFast 2.5s ease-in-out infinite;animation-delay:-1.1s}.star-5{animation:starFlickerSlow 3.5s ease-in-out infinite;animation-delay:-2.9s}.star-6{animation-delay:-2.1s}.star-7{animation:starFlickerFast 2s ease-in-out infinite;animation-delay:-.4s}.star-8{animation:starFlickerSlow 4.5s ease-in-out infinite;animation-delay:-3.6s}.star-9{animation-delay:-1.3s}@keyframes shootingStar{0%{opacity:0;transform:translate(0) translateY(0)}1%{opacity:1}3%{opacity:0;transform:translate(60px) translateY(45px)}to{opacity:0;transform:translate(60px) translateY(45px)}}.shooting-star{opacity:0;transform-origin:center}.shooting-star-1{animation:shootingStar 25s ease-out infinite;animation-delay:3s}.shooting-star-2{animation:shootingStar 35s ease-out infinite;animation-delay:15s}.shooting-star-3{animation:shootingStar 30s ease-out infinite;animation-delay:22s}@media(max-width:640px){.dusk-footer{position:fixed;bottom:0;left:0;right:0;z-index:0;margin:0}.dusk-art{width:100vw;height:25vh;min-height:120px;max-height:180px}}@keyframes dusk-glow-pulse{0%{opacity:0}30%{opacity:1}to{opacity:0}}@keyframes dusk-sparkle{0%{opacity:0;transform:scale(0)}30%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.5)}}[data-theme=light] .swap-btn.connect:hover{background:#6d28d914!important;border-color:#6d28d966!important;box-shadow:0 0 6px #6d28d926!important;color:#6d28d9!important}