body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:-webkit-sticky;position:sticky}.isolate{isolation:isolate}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.border{border-width:1px}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.blur{--tw-blur:blur(8px)}.blur,.drop-shadow{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f)}.grayscale{--tw-grayscale:grayscale(100%)}.filter,.grayscale{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.swap-interface{background:var(--card-background);border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 20px var(--shadow);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;padding:24px;transition:all .3s ease}.swap-interface:hover{border-color:var(--primary);box-shadow:0 8px 30px var(--shadow)}.swap-header{border-bottom:1px solid var(--border)}.swap-header-controls{gap:12px}.swap-chain-indicator{align-items:center;display:flex}.chain-badge{background:var(--glow);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.chain-badge.BSC{background:linear-gradient(135deg,#f3ba2f26,#ff6b3526);border-color:#f3ba2f4d;color:#f3ba2f}.chain-badge.SOLANA{background:linear-gradient(135deg,#3b82f626,#6366f126);border-color:#3b82f64d;color:#3b82f6}.portfolio-button{align-items:center;background:var(--glow);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:16px;font-weight:600;justify-content:center;min-height:40px;min-width:40px;padding:8px 12px;transition:all .2s ease}.portfolio-button:hover{background:var(--hover-bg);border-color:var(--primary);color:var(--text)}.wallet-connection{background:var(--glow);border:1px solid var(--border);border-radius:12px;margin-bottom:24px;padding:32px 24px;text-align:center}.connection-prompt{color:var(--text-secondary);font-size:14px;font-weight:500;margin-bottom:20px}.wallet-buttons{flex-wrap:wrap;gap:12px}.wallet-btn,.wallet-buttons{display:flex;justify-content:center}.wallet-btn{align-items:center;background:var(--card-background);border:1px solid var(--border);border-radius:10px;color:var(--text);cursor:pointer;font-size:14px;font-weight:600;gap:8px;min-width:160px;padding:12px 16px;transition:all .2s ease}.wallet-btn:hover:not(:disabled){background:var(--hover-bg);border-color:var(--primary);box-shadow:0 4px 12px var(--shadow);transform:translateY(-1px)}.wallet-btn:disabled{cursor:not-allowed;opacity:.6}.wallet-btn img{border-radius:4px;height:20px;width:20px}.wallet-btn.metamask{background:linear-gradient(135deg,#f6851b1a,#e2761b1a);border-color:#f6851b4d}.wallet-btn.metamask:hover:not(:disabled){background:linear-gradient(135deg,#f6851b26,#e2761b26);border-color:#f6851b}.wallet-btn.phantom{background:linear-gradient(135deg,#8b5cf61a,#6366f11a);border-color:#8b5cf64d}.wallet-btn.phantom:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf626,#6366f126);border-color:#8b5cf6}.token-input-container{margin-bottom:16px}.token-input-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.token-input-header label{color:var(--text-secondary);font-size:14px;font-weight:600}.input-mode-toggle{background:var(--glow);border:1px solid var(--border);border-radius:8px;display:flex;overflow:hidden}.mode-btn{align-items:center;background:#0000;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:4px;padding:6px 12px;transition:all .2s ease}.mode-btn.active{background:var(--primary);color:#fff}.mode-btn:hover:not(.active){background:var(--hover-bg);color:var(--text)}.token-input{background:var(--card-background);border:1px solid var(--border);border-radius:12px;padding:16px;transition:all .2s ease}.token-input:focus-within,.token-input:hover{border-color:var(--primary)}.token-input:focus-within{box-shadow:0 0 0 2px var(--primary-light)}.token-selector-container{margin-bottom:12px;position:relative}.token-selector{background:var(--glow);border:1px solid var(--border);border-radius:8px;gap:12px;padding:12px;transition:all .2s ease}.token-selector:hover{background:var(--hover-bg);border-color:var(--primary)}.token-selector-controls{align-items:center;display:flex;flex-direction:column;gap:4px;margin-left:auto}.max-button-small{align-items:center;background:var(--primary-light);border:1px solid var(--primary);border-radius:6px;color:var(--primary);cursor:pointer;display:flex;font-size:10px;font-weight:600;justify-content:center;min-height:20px;min-width:28px;padding:2px 6px;transition:all .2s ease}.max-button-small.enabled:hover{background:var(--primary);color:#fff;transform:translateY(-1px)}.max-button-small.disabled{background:var(--text-muted);border-color:var(--border);color:var(--text-secondary);cursor:not-allowed}.max-button-small.disabled:hover{background:var(--text-muted);transform:none}.token-info{gap:2px}.token-symbol{font-weight:600}.token-balance{color:var(--text-secondary);font-weight:500;white-space:nowrap}.amount-input{align-items:center;display:flex;gap:8px}.amount-input input{-webkit-appearance:none;appearance:textfield;background:#0000;border:none;color:var(--text);flex:1 1;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:18px;font-weight:600;margin:0;min-width:0;outline:none;padding:0;width:100%}.amount-input input::-webkit-inner-spin-button,.amount-input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.amount-input input[type=number]{-moz-appearance:textfield}.amount-input input::placeholder{color:var(--text-muted)}.input-symbol{color:var(--text-secondary);font-size:14px;font-weight:600;min-width:40px;text-align:right}.input-controls{gap:8px}.input-controls,.max-button{align-items:center;display:flex}.max-button{background:var(--glow);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);font-weight:600;gap:3px;justify-content:center;letter-spacing:.3px;min-width:40px;padding:4px 8px;transition:all .2s ease}.max-button.enabled:hover{background:var(--primary);border-color:var(--primary);box-shadow:0 2px 8px var(--shadow);color:#fff;transform:translateY(-1px)}.max-button.disabled{background:var(--glow);border-color:var(--border);color:var(--text-secondary);cursor:not-allowed;opacity:.4}.max-button.disabled:hover{box-shadow:none;transform:none}.swap-direction{margin:16px 0;position:relative}.swap-arrow,.swap-direction{display:flex;justify-content:center}.swap-arrow{align-items:center;background:var(--primary);border:none;border-radius:50%;box-shadow:0 4px 12px var(--shadow);color:#fff;cursor:pointer;height:40px;transition:all .2s ease;width:40px}.swap-arrow:hover:not(:disabled){background:var(--secondary);box-shadow:0 6px 16px var(--shadow);transform:scale(1.1)}.swap-arrow:disabled{background:var(--text-muted);cursor:not-allowed;transform:none}.swap-details{background:var(--glow);border:1px solid var(--border);border-radius:12px;margin:16px 0}.detail-row{font-size:14px}.detail-row span:first-child{color:var(--text-secondary);font-weight:500}.detail-row span:last-child{color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:600}.impact{font-weight:700}.impact.low{color:var(--success)}.impact.high{color:var(--error)}.wallet-address{color:var(--text-muted);font-family:Courier New,monospace;font-size:12px}.slippage-settings{margin:16px 0}.slippage-header{align-items:center;background:var(--glow);border:1px solid var(--border);border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s ease}.slippage-header:hover{background:var(--hover-bg);border-color:var(--primary)}.slippage-header span{color:var(--text-secondary);font-size:14px;font-weight:600}.slippage-controls{gap:12px}.auto-slippage-toggle{align-items:center;display:flex;gap:6px}.auto-slippage-toggle input[type=checkbox]{accent-color:var(--primary)}.auto-slippage-toggle label{color:var(--text-secondary);cursor:pointer;font-size:12px;font-weight:600}.slippage-value{align-items:center;color:var(--text);display:flex;font-size:14px;font-weight:700;gap:4px}.slippage-value.auto{color:var(--primary)}.auto-indicator{font-size:12px}.slippage-options{background:var(--card-background);border:1px solid var(--border);border-radius:8px;margin-top:12px;padding:16px}.auto-slippage-info{background:var(--glow);border-radius:6px;color:var(--text-muted);font-size:12px;margin-bottom:12px;padding:8px 12px}.slippage-presets{display:flex;gap:8px;margin-bottom:12px}.slippage-btn{background:var(--glow);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s ease}.slippage-btn:hover:not(:disabled){background:var(--hover-bg);border-color:var(--primary);color:var(--text)}.slippage-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.slippage-btn:disabled{cursor:not-allowed;opacity:.5}.custom-slippage{align-items:center;display:flex;gap:8px}.custom-slippage input{-webkit-appearance:none;appearance:textfield;background:var(--glow);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:12px;font-weight:600;outline:none;padding:6px 8px;text-align:center;width:60px}.custom-slippage input::-webkit-inner-spin-button,.custom-slippage input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.custom-slippage input[type=number]{-moz-appearance:textfield}.custom-slippage input:focus{border-color:var(--primary)}.custom-slippage span{color:var(--text-secondary);font-size:12px;font-weight:600}.error-message{align-items:center;background:var(--error-light);border:1px solid var(--error);border-radius:8px;color:var(--error);display:flex;font-size:14px;font-weight:600;gap:8px;margin:16px 0;padding:12px 16px}.swap-button-container{margin-top:24px}.swap-button{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);border-radius:12px;box-shadow:0 4px 12px var(--shadow);color:#fff;display:flex;font-size:16px;gap:8px;justify-content:center;padding:16px 24px;transition:all .2s ease}.swap-button:hover:not(:disabled){background:linear-gradient(135deg,var(--secondary) 0,var(--primary) 100%);box-shadow:0 6px 16px var(--shadow);transform:translateY(-1px)}.swap-button:disabled{background:var(--text-muted);box-shadow:none;cursor:not-allowed;transform:none}.swap-button .spinning{animation:spin 1s linear infinite}.token-selector-modal{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;bottom:0;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.token-selector-content{background:var(--card-background);border:1px solid var(--border);border-radius:16px;box-shadow:0 8px 32px var(--shadow);max-height:80vh;max-width:400px;overflow:hidden;width:100%}.token-selector-header{border-bottom:1px solid var(--border);padding:20px 24px}.token-selector-header h4{color:var(--text);font-size:18px;font-weight:700;margin:0}.token-selector-header button{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.token-selector-header button:hover{background:var(--hover-bg);color:var(--text)}.token-list{max-height:400px;padding:8px}.token-option{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:12px;margin-bottom:4px;padding:12px 16px;transition:all .2s ease}.token-option:hover{background:var(--hover-bg)}.token-info .token-symbol{color:var(--text);font-size:14px;font-weight:700;margin-bottom:2px}.token-info .token-name{color:var(--text-secondary);font-size:12px;font-weight:500}@media (max-width:768px){.swap-interface{border-radius:20px;margin-bottom:16px;padding:20px}.swap-header{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:20px}.swap-title{font-size:22px;margin-bottom:4px}.swap-header-controls{justify-content:space-between;width:100%}.portfolio-button{border-radius:12px;font-size:18px;min-height:48px;min-width:48px}.wallet-buttons{flex-direction:column;gap:12px;width:100%}.wallet-btn{border-radius:12px;font-size:16px;min-height:56px;padding:16px 20px;width:100%}.token-input{border-radius:16px;margin-bottom:20px;padding:16px}.token-input-header{margin-bottom:12px}.token-input-header label{font-size:16px}.input-mode-toggle{border-radius:12px}.mode-btn{font-size:14px;padding:8px 16px}.amount-input input{border-radius:12px;font-size:18px;padding:16px}.max-button{border-radius:8px;font-size:12px;min-width:44px;padding:6px 12px}.max-button-small{font-size:11px;min-height:24px;min-width:32px;padding:3px 8px}.swap-direction{margin:20px 0}.swap-arrow{border-radius:12px;font-size:18px;height:48px;width:48px}.swap-button{border-radius:16px;font-size:16px;min-height:56px;padding:18px 24px}.token-selector-content{border-radius:20px;margin:16px;max-height:75vh}.token-selector-header{padding:24px}.token-selector-header h4{font-size:20px}.token-option{border-radius:12px;margin-bottom:6px;padding:16px 20px}.token-info .token-symbol{font-size:16px}.token-info .token-name{font-size:14px}}@media (max-width:480px){.swap-interface{border-radius:24px;padding:16px}.swap-title{font-size:20px}.portfolio-button{font-size:16px;min-height:44px;min-width:44px}.token-input{border-radius:20px;padding:14px}.amount-input input{font-size:16px;padding:14px}.max-button{font-size:11px;min-width:40px;padding:4px 8px}.max-button-small{font-size:10px;min-height:20px;min-width:28px;padding:2px 6px}.swap-button{border-radius:20px;font-size:15px;padding:16px 20px}.token-selector-content{border-radius:24px;margin:12px}.token-selector-header{padding:20px}.token-option{padding:14px 16px}}@media (max-width:360px){.swap-interface{padding:12px}.swap-title{font-size:18px}.portfolio-button{font-size:14px;min-height:40px;min-width:40px}.token-input{padding:12px}.amount-input input{font-size:15px;padding:12px}.swap-button{font-size:14px;padding:14px 18px}}@media (hover:none) and (pointer:coarse){.portfolio-button{min-height:48px;min-width:48px}.wallet-btn{min-height:56px}.max-button{min-height:32px;min-width:44px}.max-button-small{min-height:24px;min-width:32px}.swap-arrow{min-height:48px;min-width:48px}.swap-button{min-height:56px}.token-option{min-height:64px}}:root{--swap-bg-primary:#1a1a2e;--swap-bg-secondary:#16213e;--swap-bg-tertiary:#0f3460;--swap-surface:#ffffff14;--swap-surface-hover:#ffffff1f;--swap-surface-active:#ffffff29;--swap-text-primary:#fff;--swap-text-secondary:#fffc;--swap-text-tertiary:#fff9;--swap-text-disabled:#fff6;--swap-accent:#667eea;--swap-accent-hover:#5a67d8;--swap-accent-light:#667eea33;--swap-success:#4ade80;--swap-warning:#fbbf24;--swap-error:#ef4444;--swap-border:#ffffff1a;--swap-border-hover:#fff3;--swap-border-focus:var(--swap-accent);--swap-shadow:0 8px 32px #0000004d;--swap-shadow-lg:0 20px 40px #0006;--swap-radius:16px;--swap-radius-lg:20px;--swap-radius-sm:8px;--swap-space-xs:4px;--swap-space-sm:8px;--swap-space-md:12px;--swap-space-lg:16px;--swap-space-xl:20px;--swap-space-2xl:24px;--swap-transition:all 0.2s cubic-bezier(0.4,0,0.2,1);--swap-transition-slow:all 0.3s cubic-bezier(0.4,0,0.2,1)}.swap-backdrop{align-items:flex-start;animation:backdropFadeIn .3s ease-out;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:16px;padding:var(--swap-space-lg);padding-bottom:5vh;padding-top:5vh;position:fixed;right:0;top:0;z-index:1000}@keyframes backdropFadeIn{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:1}}.swap-container{animation:containerSlideIn .4s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(145deg,#1a1a2e,#16213e);background:linear-gradient(145deg,var(--swap-bg-primary) 0,var(--swap-bg-secondary) 100%);border:1px solid #ffffff1a;border:1px solid var(--swap-border);border-radius:20px;border-radius:var(--swap-radius-lg);box-shadow:0 20px 40px #0006;box-shadow:var(--swap-shadow-lg);font-family:inherit;margin:auto;max-height:90vh;max-width:480px;overflow-y:auto;padding:24px;padding:var(--swap-space-2xl);position:relative;width:100%}.swap-container:before{background:linear-gradient(90deg,#0000,#667eea 20%,#4ade80 50%,#667eea 80%,#0000);background:linear-gradient(90deg,#0000 0,var(--swap-accent) 20%,var(--swap-success) 50%,var(--swap-accent) 80%,#0000 100%);border-radius:20px 20px 0 0;border-radius:var(--swap-radius-lg) var(--swap-radius-lg) 0 0;content:"";height:2px;left:0;opacity:.8;position:absolute;right:0;top:0}@keyframes containerSlideIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.swap-header{border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--swap-border);margin-bottom:24px;margin-bottom:var(--swap-space-2xl);padding-bottom:16px;padding-bottom:var(--swap-space-lg)}.swap-title{color:#fff;color:var(--swap-text-primary);font-size:20px;letter-spacing:-.02em;margin:0}.swap-header-controls{align-items:center;display:flex;gap:8px;gap:var(--swap-space-sm)}.header-button{align-items:center;background:#ffffff14;background:var(--swap-surface);border:1px solid #ffffff1a;border:1px solid var(--swap-border);border-radius:8px;border-radius:var(--swap-radius-sm);color:#fffc;color:var(--swap-text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;padding:8px;padding:var(--swap-space-sm);transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--swap-transition);width:36px}.header-button:hover{background:#ffffff1f;background:var(--swap-surface-hover);border-color:#fff3;border-color:var(--swap-border-hover);color:#fff;color:var(--swap-text-primary);transform:translateY(-1px)}.header-button.active{background:#667eea33;background:var(--swap-accent-light);border-color:#667eea;border-color:var(--swap-accent);color:#667eea;color:var(--swap-accent)}.close-button{align-items:center;background:#0000;border:none;border-radius:4px;border-radius:var(--swap-space-xs);color:#fff9;color:var(--swap-text-tertiary);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:4px;padding:var(--swap-space-xs);transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--swap-transition);width:32px}.close-button:hover{color:#fff;color:var(--swap-text-primary)}.close-button:hover,.settings-panel{background:#ffffff14;background:var(--swap-surface)}.settings-panel{animation:settingsPanelSlide .3s ease-out;border:1px solid #ffffff1a;border:1px solid var(--swap-border);border-radius:16px;border-radius:var(--swap-radius);margin-bottom:16px;margin-bottom:var(--swap-space-lg);padding:16px;padding:var(--swap-space-lg)}@keyframes settingsPanelSlide{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.settings-label{color:#fff;color:var(--swap-text-primary);display:block;font-size:14px;font-weight:600;margin-bottom:12px;margin-bottom:var(--swap-space-md)}.slippage-controls{align-items:center;display:flex;flex-wrap:wrap;gap:8px;gap:var(--swap-space-sm)}.slippage-button{background:#ffffff14;background:var(--swap-surface);border:1px solid #ffffff1a;border:1px solid var(--swap-border);border-radius:8px;border-radius:var(--swap-radius-sm);color:#fffc;color:var(--swap-text-secondary);cursor:pointer;font-size:13px;font-weight:600;min-width:50px;padding:8px 12px;padding:var(--swap-space-sm) var(--swap-space-md);text-align:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--swap-transition)}.slippage-button:hover{background:#ffffff1f;background:var(--swap-surface-hover);border-color:#fff3;border-color:var(--swap-border-hover);transform:translateY(-1px)}.slippage-button.active{background:linear-gradient(135deg,#667eea,#5a67d8);background:linear-gradient(135deg,var(--swap-accent) 0,var(--swap-accent-hover) 100%);border-color:#667eea;border-color:var(--swap-accent);box-shadow:0 4px 12px #667eea4d;color:#fff}.slippage-button.active:first-child{background:linear-gradient(135deg,#4ade80,#22c55e);background:linear-gradient(135deg,var(--swap-success) 0,#22c55e 100%);border-color:#4ade80;border-color:var(--swap-success);position:relative}.slippage-input{background:#ffffff14;background:var(--swap-surface);border:1px solid #ffffff1a;border:1px solid var(--swap-border);border-radius:8px;border-radius:var(--swap-radius-sm);color:#fff;color:var(--swap-text-primary);font-size:13px;font-weight:600;outline:none;padding:8px;padding:var(--swap-space-sm);text-align:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--swap-transition);width:70px}.slippage-input:focus{border-color:#667eea;border-color:var(--swap-accent);box-shadow:0 0 0 2px #667eea33;box-shadow:0 0 0 2px var(--swap-accent-light)}.auto-slippage-info{align-items:center;background:#4ade801a;border:1px solid #4ade804d;border-radius:8px;border-radius:var(--swap-radius-sm);color:#4ade80;color:var(--swap-success);display:flex;font-size:11px;font-weight:500;gap:4px;gap:var(--swap-space-xs);margin-top:8px;margin-top:var(--swap-space-sm);padding:8px;padding:var(--swap-space-sm)}.token-input-section{background:#ffffff14;background:var(--swap-surface);border:1px solid #ffffff1a;border:1px solid var(--swap-border);border-radius:16px;border-radius:var(--swap-radius);margin-bottom:12px;margin-bottom:var(--swap-space-md);padding:16px;padding:var(--swap-space-lg);position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--swap-transition)}.token-input-section:hover{background:#ffffff1f;background:var(--swap-surface-hover);border-color:#fff3;border-color:var(--swap-border-hover)}.token-input-section:focus-within{border-color:#667eea;border-color:var(--swap-accent);box-shadow:0 0 0 2px #667eea33;box-shadow:0 0 0 2px var(--swap-accent-light)}.token-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px;margin-bottom:var(--swap-space-md)}.token-label{color:#fff;color:var(--swap-text-primary);font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.balance-display{border-radius:8px;border-radius:var(--swap-radius-sm);color:#fff9;color:var(--swap-text-tertiary);cursor:pointer;font-size:12px;font-weight:500;padding:4px 8px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--swap-transition)}.balance-display:hover{background:#667eea33;background:var(--swap-accent-light);color:#667eea;color:var(--swap-accent)}.token-input-row{align-items:flex-start;display:flex;gap:16px;gap:var(--swap-space-lg)}.amount-input-group{display:flex;flex:1 1;flex-direction:column;gap:4px;gap:var(--swap-space-xs)}.amount-input{background:#0000;border:none;color:#fff;color:var(--swap-text-primary);font-size:28px;font-weight:600;outline:none;padding:0;width:100%}.amount-input::placeholder{color:#fff6;color:var(--swap-text-disabled);opacity:1}.amount-input.readonly{color:#fffc;color:var(--swap-text-secondary);cursor:not-allowed}.usd-value{color:#fff9;color:var(--swap-text-tertiary);font-size:14px;font-weight:500;margin-top:4px;margin-top:var(--swap-space-xs)}.token-selector,.token-selector-group{align-items:center;display:flex;gap:8px;gap:var(--swap-space-sm)}.token-selector{background:#ffffff0d;border:1px solid #ffffff1a;border:1px solid var(--swap-border);border-radius:16px;border-radius:var(--swap-radius);cursor:pointer;min-width:120px;padding:8px 12px;padding:var(--swap-space-sm) var(--swap-space-md);transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--swap-transition)}.token-selector:hover{background:#ffffff14;border-color:#fff3;border-color:var(--swap-border-hover);transform:translateY(-1px)}.token-logo{border-radius:50%;box-shadow:0 2px 8px #0000001a;flex-shrink:0;height:28px;width:28px}.token-info{flex:1 1;min-width:0;text-align:left}.token-symbol{color:#fff;color:var(--swap-text-primary);font-size:16px;line-height:1.2;margin-bottom:2px}.token-name{color:#fff9;color:var(--swap-text-tertiary);font-size:10px;font-weight:500;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.max-button{background:linear-gradient(135deg,#667eea,#5a67d8);background:linear-gradient(135deg,var(--swap-accent) 0,var(--swap-accent-hover) 100%);border:none;border-radius:8px;border-radius:var(--swap-radius-sm);box-shadow:0 2px 8px #667eea33;color:#fff;cursor:pointer;font-size:11px;font-weight:700;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--swap-transition)}.max-button:hover{background:linear-gradient(135deg,#5a67d8,#4c51d8);background:linear-gradient(135deg,var(--swap-accent-hover) 0,#4c51d8 100%);box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.switch-container{margin:-8px 0;margin:calc(var(--swap-space-sm)*-1) 0;position:relative;z-index:10}.switch-button,.switch-container{display:flex;justify-content:center}.switch-button{align-items:center;background:linear-gradient(145deg,#1a1a2e,#16213e);background:linear-gradient(145deg,var(--swap-bg-primary) 0,var(--swap-bg-secondary) 100%);border:2px solid #ffffff1a;border:2px solid var(--swap-border);border-radius:50%;box-shadow:0 8px 32px #0000004d;box-shadow:var(--swap-shadow);color:#fffc;color:var(--swap-text-secondary);cursor:pointer;height:44px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--swap-transition-slow);width:44px}.switch-button:hover{border-color:#667eea;border-color:var(--swap-accent);box-shadow:0 8px 25px #667eea4d;color:#667eea;color:var(--swap-accent);transform:rotate(180deg) scale(1.1)}.swap-route-info{background:#ffffff14;background:var(--swap-surface);border:1px solid #ffffff1a;border:1px solid var(--swap-border);border-radius:16px;border-radius:var(--swap-radius);margin-bottom:12px;margin-bottom:var(--swap-space-md);padding:12px;padding:var(--swap-space-md)}.route-path{align-items:center;display:flex;flex-wrap:wrap;gap:8px;gap:var(--swap-space-sm)}.route-label{color:#fffc;color:var(--swap-text-secondary);font-size:12px;font-weight:600;margin-right:8px;margin-right:var(--swap-space-sm)}.route-tokens{align-items:center;display:flex;gap:4px;gap:var(--swap-space-xs)}.route-token{background:#ffffff1f;background:var(--swap-surface-hover);border:1px solid #ffffff1a;border:1px solid var(--swap-border);border-radius:8px;border-radius:var(--swap-radius-sm);color:#fff;color:var(--swap-text-primary);font-size:12px;font-weight:600;padding:4px 8px}.route-arrow{color:#fff9;color:var(--swap-text-tertiary);font-size:12px}.swap-details{background:#ffffff14;background:var(--swap-surface);border:1px solid #ffffff1a;border:1px solid var(--swap-border);border-radius:16px;border-radius:var(--swap-radius);margin-bottom:16px;margin-bottom:var(--swap-space-lg);padding:16px;padding:var(--swap-space-lg)}.detail-row{align-items:center;display:flex;font-size:13px;justify-content:space-between;margin-bottom:8px;margin-bottom:var(--swap-space-sm)}.detail-row:last-child{border-top:1px solid #ffffff1a;border-top:1px solid var(--swap-border);font-weight:600;margin-bottom:0;padding-top:8px;padding-top:var(--swap-space-sm)}.detail-label{color:#fffc;color:var(--swap-text-secondary);font-weight:500}.detail-value{color:#fff;color:var(--swap-text-primary);font-weight:600;text-align:right}.price-impact-warning{background:#fbbf241a;border:1px solid #fbbf24;border:1px solid var(--swap-warning);border-radius:16px;border-radius:var(--swap-radius);margin-bottom:16px;margin-bottom:var(--swap-space-lg);padding:12px;padding:var(--swap-space-md);text-align:center}.price-impact-warning.high{background:#ef44441a;border-color:#ef4444;border-color:var(--swap-error)}.warning-text{align-items:center;color:#fbbf24;color:var(--swap-warning);display:flex;font-size:13px;font-weight:600;gap:8px;gap:var(--swap-space-sm);justify-content:center}.warning-text.high{color:#ef4444;color:var(--swap-error)}.price-update-info{background:#ffffff14;background:var(--swap-surface);border:1px solid #ffffff1a;border:1px solid var(--swap-border);border-radius:16px;border-radius:var(--swap-radius);margin-bottom:12px;margin-bottom:var(--swap-space-md)}.advanced-swap-info{background:#667eea0d;border:1px solid #667eea33;border-radius:16px;border-radius:var(--swap-radius);margin-bottom:16px;margin-bottom:var(--swap-space-lg);padding:12px;padding:var(--swap-space-md)}.info-row{align-items:flex-start;display:flex;gap:8px;gap:var(--swap-space-sm)}.swap-button{border:none;border-radius:16px;border-radius:var(--swap-radius);cursor:pointer;font-size:18px;font-weight:700;overflow:hidden;padding:16px;padding:var(--swap-space-lg);position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--swap-transition);width:100%}.swap-button.enabled{background:linear-gradient(135deg,#667eea,#5a67d8);background:linear-gradient(135deg,var(--swap-accent) 0,var(--swap-accent-hover) 100%);box-shadow:0 6px 20px #667eea66;color:#fff}.swap-button.enabled:hover{box-shadow:0 8px 25px #667eea80;transform:translateY(-2px)}.swap-button.enabled:active{box-shadow:0 4px 15px #667eea4d;transform:translateY(0)}.swap-button.disabled{background:#ffffff14;background:var(--swap-surface);border:1px solid #ffffff1a;border:1px solid var(--swap-border);color:#fff6;color:var(--swap-text-disabled);cursor:not-allowed}.status-message{animation:statusSlideIn .3s ease-out;border-radius:16px;border-radius:var(--swap-radius);font-size:13px;font-weight:600;margin-top:16px;margin-top:var(--swap-space-lg);padding:12px;padding:var(--swap-space-md);text-align:center}@keyframes statusSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.status-success{background:#4ade801a;border:1px solid #4ade80;border:1px solid var(--swap-success);color:#4ade80;color:var(--swap-success)}.status-error{background:#ef44441a;border:1px solid #ef4444;border:1px solid var(--swap-error);color:#ef4444;color:var(--swap-error)}.status-info{background:#667eea33;background:var(--swap-accent-light);border:1px solid #667eea;border:1px solid var(--swap-accent);color:#667eea;color:var(--swap-accent)}.token-selector-backdrop{align-items:center;animation:backdropFadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:16px;padding:var(--swap-space-lg);position:fixed;right:0;top:0;z-index:2000}.token-selector-modal{animation:containerSlideIn .3s ease-out;background:linear-gradient(145deg,#1a1a2e,#16213e);background:linear-gradient(145deg,var(--swap-bg-primary) 0,var(--swap-bg-secondary) 100%);border:1px solid #ffffff1a;border:1px solid var(--swap-border);border-radius:20px;border-radius:var(--swap-radius-lg);box-shadow:0 20px 40px #0006;box-shadow:var(--swap-shadow-lg);display:flex;flex-direction:column;max-height:80vh;max-width:420px;overflow:hidden;width:100%}.token-selector-header{align-items:center;border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--swap-border);display:flex;flex-shrink:0;justify-content:space-between;padding:20px;padding:var(--swap-space-xl)}.token-selector-title{color:#fff;color:var(--swap-text-primary);font-size:18px;font-weight:700;margin:0}.token-search-section{border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--swap-border);flex-shrink:0;padding:16px 20px;padding:var(--swap-space-lg) var(--swap-space-xl)}.token-search-wrapper{position:relative}.token-search-input{background:#ffffff14;background:var(--swap-surface);border:1px solid #ffffff1a;border:1px solid var(--swap-border);border-radius:16px;border-radius:var(--swap-radius);color:#fff;color:var(--swap-text-primary);font-size:14px;outline:none;padding:12px 12px 12px 40px;padding:var(--swap-space-md) var(--swap-space-md) var(--swap-space-md) 40px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--swap-transition);width:100%}.token-search-input:focus{border-color:#667eea;border-color:var(--swap-accent);box-shadow:0 0 0 2px #667eea33;box-shadow:0 0 0 2px var(--swap-accent-light)}.search-icon{color:#fff9;color:var(--swap-text-tertiary);left:12px;left:var(--swap-space-md);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.custom-token-section{border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--swap-border);flex-shrink:0;padding:16px 20px;padding:var(--swap-space-lg) var(--swap-space-xl)}.custom-token-input-wrapper{position:relative}.custom-token-input{background:#ffffff14;background:var(--swap-surface);border:1px solid #ffffff1a;border:1px solid var(--swap-border);border-radius:16px;border-radius:var(--swap-radius);color:#fff;color:var(--swap-text-primary);font-family:monospace;font-size:13px;outline:none;padding:12px;padding:var(--swap-space-md);transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--swap-transition);width:100%}.custom-token-input:focus{border-color:#667eea;border-color:var(--swap-accent);box-shadow:0 0 0 2px #667eea33;box-shadow:0 0 0 2px var(--swap-accent-light)}.custom-token-input.valid{border-color:#4ade80;border-color:var(--swap-success)}.custom-token-input.invalid{border-color:#ef4444;border-color:var(--swap-error)}.custom-token-loading{position:absolute;right:12px;right:var(--swap-space-md);top:50%;transform:translateY(-50%)}.custom-token-info{align-items:center;background:#ffffff1f;background:var(--swap-surface-hover);border:1px solid #ffffff1a;border:1px solid var(--swap-border);border-radius:16px;border-radius:var(--swap-radius);display:flex;gap:12px;gap:var(--swap-space-md);margin-top:12px;margin-top:var(--swap-space-md);padding:12px;padding:var(--swap-space-md)}.custom-token-logo{border-radius:50%;flex-shrink:0;height:28px;width:28px}.custom-token-details{flex:1 1}.custom-token-symbol{color:#fff;color:var(--swap-text-primary);font-size:14px;font-weight:700;margin-bottom:2px}.custom-token-name{color:#fffc;color:var(--swap-text-secondary);font-size:12px;font-weight:500}.select-custom-token-btn{background:linear-gradient(135deg,#667eea,#5a67d8);background:linear-gradient(135deg,var(--swap-accent) 0,var(--swap-accent-hover) 100%);border:none;border-radius:8px;border-radius:var(--swap-radius-sm);color:#fff;cursor:pointer;flex-shrink:0;font-size:12px;font-weight:600;padding:8px 12px;padding:var(--swap-space-sm) var(--swap-space-md);transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--swap-transition)}.select-custom-token-btn:hover{background:linear-gradient(135deg,#5a67d8,#4c51d8);background:linear-gradient(135deg,var(--swap-accent-hover) 0,#4c51d8 100%);transform:translateY(-1px)}.token-list{padding:16px 20px;padding:var(--swap-space-lg) var(--swap-space-xl);scrollbar-color:#ffffff1a #0000;scrollbar-color:var(--swap-border) #0000}.token-list::-webkit-scrollbar-thumb{background:#ffffff1a;background:var(--swap-border)}.token-list::-webkit-scrollbar-thumb:hover{background:#fff3;background:var(--swap-border-hover)}.section-title{color:#fffc;color:var(--swap-text-secondary);font-size:12px;letter-spacing:.5px;margin-bottom:12px;margin-bottom:var(--swap-space-md);text-transform:uppercase}.token-list-items{display:flex;flex-direction:column;gap:4px;gap:var(--swap-space-xs)}.token-list-item{align-items:center;background:#ffffff14;background:var(--swap-surface);border:1px solid #ffffff1a;border:1px solid var(--swap-border);border-radius:16px;border-radius:var(--swap-radius);cursor:pointer;display:flex;gap:12px;gap:var(--swap-space-md);padding:12px;padding:var(--swap-space-md);transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--swap-transition)}.token-list-item:hover{background:#ffffff1f;background:var(--swap-surface-hover);border-color:#fff3;border-color:var(--swap-border-hover);transform:translateY(-1px)}.token-list-logo{border-radius:50%;flex-shrink:0;height:32px;width:32px}.token-list-info{flex:1 1;min-width:0}.token-list-symbol{color:#fff;color:var(--swap-text-primary);font-size:16px;font-weight:700;line-height:1.2;margin-bottom:2px}.token-list-name{color:#fff9;color:var(--swap-text-tertiary);font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.token-list-balance{color:#fffc;color:var(--swap-text-secondary);font-size:14px;font-weight:600;text-align:right}.no-tokens-found{color:#fff9;color:var(--swap-text-tertiary);padding:24px;padding:var(--swap-space-2xl);text-align:center}.loading-spinner{border:2px solid #ffffff1a;border-top:2px solid #667eea;border:2px solid var(--swap-border);border-top-color:var(--swap-accent);height:18px;width:18px}@media (max-width:480px){.swap-backdrop{align-items:flex-start;padding:2vh 0}.swap-container,.token-selector-modal{margin:0 12px;max-height:95vh;max-width:calc(100vw - 24px);width:calc(100vw - 24px)}.swap-container{padding:16px;padding:var(--swap-space-lg)}.amount-input{font-size:24px}.token-input-row{align-items:stretch;flex-direction:column;gap:12px;gap:var(--swap-space-md)}.token-selector{justify-content:center;min-width:auto}.token-selector-modal{max-height:90vh}.slippage-controls{justify-content:center}}body.modal-open{overflow:hidden}.swap-page-container{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;margin:0 auto;max-width:1200px;padding:5px;width:100%}.swap-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:10px}.swap-title{color:var(--text);font-size:24px;font-weight:700;letter-spacing:-.5px;margin-bottom:4px}.swap-subtitle{color:var(--text-secondary);font-size:13px}.live-indicator{align-items:center;background:var(--success-light);border:1px solid var(--success);border-radius:12px;color:var(--success);display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px}.live-dot{animation:pulse 2s infinite;background:var(--success);border-radius:50%;height:6px;width:6px}.market-analytics{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:16px}.analytics-card{background:var(--card-background);border:1px solid var(--border);border-radius:12px;padding:12px;text-align:center;transition:all .3s ease}.analytics-card:hover{border-color:var(--primary);box-shadow:0 4px 16px var(--shadow)}.analytics-label{color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.analytics-value{color:var(--text);font-family:system-ui,-apple-system,sans-serif;font-size:16px;font-weight:700;margin-bottom:2px}.analytics-change{font-size:11px;font-weight:600}.analytics-change.positive{color:var(--success)}.analytics-change.negative{color:var(--error)}.swap-main-layout{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:1fr 1fr}.swap-main-layout.single-column{grid-template-columns:1fr}.swap-interface-container{background:var(--card-background);border:1px solid var(--border);border-radius:12px;box-shadow:0 4px 16px var(--shadow);padding:20px;transition:all .3s ease}.swap-interface-container:hover{border-color:var(--primary);box-shadow:0 8px 24px var(--shadow)}.portfolio-section{background:var(--card-background);border:1px solid var(--border);border-radius:12px;box-shadow:0 4px 16px var(--shadow);display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;max-height:600px;overflow:hidden}.portfolio-header{align-items:center;background:var(--glow);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:16px 20px}.portfolio-title{color:var(--text);font-size:16px;font-weight:600;margin:0}.refresh-button{align-items:center;background:#0000;border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.refresh-button:hover:not(:disabled){background:var(--glow);border-color:var(--primary);color:var(--text)}.refresh-button:disabled{cursor:not-allowed;opacity:.5}.token-list{flex:1 1;overflow-y:auto;scrollbar-color:var(--border) #0000;scrollbar-width:thin}.token-list::-webkit-scrollbar{width:6px}.token-list::-webkit-scrollbar-track{background:#0000}.token-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.token-list::-webkit-scrollbar-thumb:hover{background:var(--primary)}.token-item{align-items:center;background:#0000;border-bottom:1px solid var(--border);border-left:3px solid #0000;cursor:pointer;display:flex;justify-content:space-between;padding:12px 20px;transition:all .2s ease}.token-item:hover{background:var(--glow)}.token-item.selected{border-left-color:var(--primary)}.token-item.selected,.token-item.selected:hover{background:var(--primary-light)}.token-left{align-items:center;display:flex;flex:1 1;gap:12px}.token-info{display:flex;flex-direction:column}.token-symbol{color:var(--text);font-size:14px;font-weight:700}.token-balance{color:var(--text-muted);font-family:monospace;font-size:11px;padding-left:8px}.token-right{text-align:right}.token-value{color:var(--text);font-size:14px;font-weight:600}.token-change{font-size:11px;font-weight:600;padding-left:4px}.token-change.positive{color:var(--success)}.token-change.negative{color:var(--error)}.portfolio-footer{align-items:center;background:var(--glow);border-top:1px solid var(--border);display:flex;justify-content:space-between;padding:16px 20px}.total-label{color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.total-value{color:var(--success);font-size:18px;font-weight:700}.scam-warning{background:var(--warning-light);border-top:1px solid var(--warning);color:var(--warning);font-size:11px;font-weight:600;padding:10px 20px;text-align:center}.empty-state,.loading-state{color:var(--text-muted);font-size:14px;padding:40px 20px;text-align:center}@media (max-width:1024px){.swap-main-layout{gap:16px;grid-template-columns:1fr}.market-analytics{gap:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}@media (max-width:768px){.swap-page-container{max-width:100%;padding:8px}.swap-header{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:16px}.swap-title{font-size:22px;margin-bottom:6px}.swap-subtitle{font-size:14px}.live-indicator{align-self:flex-start;font-size:13px;padding:8px 16px}.market-analytics{gap:8px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.analytics-card{border-radius:16px;padding:16px 12px}.analytics-label{font-size:12px;margin-bottom:6px}.analytics-value{font-size:18px;margin-bottom:4px}.analytics-change{font-size:12px}.swap-interface-container{border-radius:16px;margin-bottom:16px;padding:20px}.portfolio-section{border-radius:16px;max-height:500px}.portfolio-header{padding:20px}.portfolio-title{font-size:18px}.refresh-button{border-radius:12px;font-size:16px;height:40px;width:40px}.token-item{border-radius:0;min-height:72px;padding:16px 20px}.token-symbol{font-size:16px;margin-bottom:4px}.token-balance{font-size:13px}.token-value{font-size:16px;margin-bottom:4px}.token-change{font-size:13px}.portfolio-footer{padding:20px}.total-label{font-size:14px}.total-value{font-size:20px}}@media (max-width:480px){.swap-page-container{padding:6px}.swap-title{font-size:20px}.swap-subtitle{font-size:13px}.market-analytics{gap:10px;grid-template-columns:1fr}.analytics-card{padding:20px 16px}.analytics-value{font-size:20px}.swap-interface-container{border-radius:20px;padding:16px}.portfolio-section{border-radius:20px}.portfolio-header{padding:16px}.token-item{min-height:68px;padding:14px 16px}.token-symbol,.token-value{font-size:15px}.portfolio-footer{padding:16px}}@media (max-width:360px){.swap-page-container{padding:4px}.swap-title{font-size:18px}.market-analytics{gap:8px}.analytics-card{padding:16px 12px}.analytics-value{font-size:18px}.swap-interface-container{padding:12px}.token-item{min-height:64px;padding:12px 14px}.token-symbol,.token-value{font-size:14px}}@media (hover:none) and (pointer:coarse){.token-item{min-height:72px}.refresh-button{min-height:44px;min-width:44px}.analytics-card{min-height:80px}.swap-interface-container{min-height:200px}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.swap-interface-container:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}@media (prefers-contrast:high){.analytics-card,.portfolio-section,.swap-interface-container{border-width:2px}.token-item{border-bottom-width:2px}}@media (prefers-reduced-motion:reduce){.analytics-card,.portfolio-section,.swap-interface-container,.token-item{transition:none}.live-dot{animation:none}}.whitepaper-nav{background:linear-gradient(180deg,#1a1a1a,#2a2a2a);background:linear-gradient(180deg,var(--background-secondary,#1a1a1a) 0,var(--background-tertiary,#2a2a2a) 100%);border-radius:0 16px 16px 0;box-shadow:0 4px 20px #00000026,inset 0 1px 0 #ffffff0d;display:flex;flex-direction:column;height:100%;overflow-x:hidden;padding:32px 24px}.nav-header{border-bottom:1px solid #ffffff14;margin-bottom:32px;padding-bottom:24px;position:relative}.nav-header:after{background:linear-gradient(90deg,#0000,#667eea 50%,#0000);background:linear-gradient(90deg,#0000 0,var(--accent-color,#667eea) 50%,#0000 100%);bottom:-1px;content:"";height:1px;left:0;opacity:.6;position:absolute;right:0}.nav-header h2{color:#fff;color:var(--text-primary,#fff);font-size:16px;font-weight:600;letter-spacing:1.2px;margin:0;opacity:.9;text-transform:uppercase}.nav-sections{flex:1 1;overflow-x:hidden;overflow-y:auto}.nav-section{margin-bottom:8px}.nav-section-button{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;color:#999;color:var(--text-secondary,#999);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:14px;margin:0 8px;min-height:44px;overflow:hidden;padding:12px 16px;position:relative;text-align:left;transition:all .25s cubic-bezier(.4,0,.2,1);width:calc(100% - 16px)}.nav-section-button:hover{background:#ffffff14;border-color:#ffffff1f;box-shadow:0 4px 12px #0000001a,0 2px 4px #0000000d;color:#fff;color:var(--text-primary,#fff);transform:translateX(2px)}.nav-section-button.active{background:linear-gradient(135deg,#667eea26,#764ba226);border-color:#667eea4d;box-shadow:0 4px 16px #667eea26,inset 0 1px 0 #ffffff1a;color:#667eea;color:var(--accent-color,#667eea)}.nav-section-button.active:before{background:linear-gradient(180deg,#667eea,#764ba2);background:linear-gradient(180deg,var(--accent-color,#667eea) 0,var(--accent-secondary,#764ba2) 100%);border-radius:0 2px 2px 0;bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.section-number{background:#ffffff0d;border:1px solid #ffffff14;border-radius:6px;color:#fff6;font-size:11px;font-weight:600;min-width:24px;padding:2px 6px;text-align:center}.nav-section-button:hover .section-number{background:#ffffff1a;border-color:#ffffff26;color:#ffffffb3}.nav-section-button.active .section-number{background:#667eea26;border-color:#667eea4d;color:#667eea;color:var(--accent-color,#667eea)}.section-title{word-wrap:break-word;flex:1 1;-webkit-hyphens:auto;hyphens:auto;line-height:1.4;overflow-wrap:break-word}.nav-subsections{display:flex;flex-direction:column;gap:2px;margin-left:24px;margin-top:4px}.nav-subsection-button{align-items:flex-start;background:#ffffff03;border:1px solid #ffffff08;border-radius:8px;color:#ffffff80;cursor:pointer;display:flex;font-size:13px;font-weight:400;gap:10px;margin:0 8px 0 16px;min-height:36px;padding:8px 12px;position:relative;text-align:left;transition:all .25s cubic-bezier(.4,0,.2,1);width:calc(100% - 16px)}.nav-subsection-button:hover{background:#ffffff0d;border-color:#ffffff14;box-shadow:0 2px 8px #00000014;color:#fffc;transform:translateX(1px)}.nav-subsection-button.active{background:#667eea14;border-color:#667eea33;box-shadow:0 2px 8px #667eea1a;color:#667eea;color:var(--accent-color,#667eea);font-weight:500}.nav-subsection-button.active:before{background:#667eea;background:var(--accent-color,#667eea);border-radius:0 2px 2px 0;bottom:0;content:"";left:0;position:absolute;top:0;width:2px}.subsection-indicator{color:#ffffff4d;font-size:14px;font-weight:600;min-width:14px;text-align:center}.nav-subsection-button:hover .subsection-indicator{color:#fff9}.nav-subsection-button.active .subsection-indicator{color:#667eea;color:var(--accent-color,#667eea)}.subsection-title{word-wrap:break-word;flex:1 1;-webkit-hyphens:auto;hyphens:auto;line-height:1.3;overflow-wrap:break-word}.nav-actions{border-top:1px solid #ffffff14;display:flex;flex-direction:column;gap:10px;margin-top:32px;padding-top:24px;position:relative}.nav-actions:before{background:linear-gradient(90deg,#0000,#667eea 50%,#0000);background:linear-gradient(90deg,#0000 0,var(--accent-color,#667eea) 50%,#0000 100%);content:"";height:1px;left:0;opacity:.4;position:absolute;right:0;top:-1px}.nav-action-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;color:#ffffffb3;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:10px;margin:0 8px;padding:10px 16px;text-align:left;transition:all .25s cubic-bezier(.4,0,.2,1);width:calc(100% - 16px)}.nav-action-button:hover{background:#ffffff14;border-color:#667eea4d;box-shadow:0 4px 12px #0000001a,0 2px 4px #667eea1a;color:#fff;color:var(--text-primary,#fff);transform:translateY(-1px)}.action-icon{font-size:14px;min-width:16px;text-align:center}@media (max-width:768px){.whitepaper-nav{height:auto;max-height:60vh;overflow-y:auto;padding:20px 16px}.nav-header{margin-bottom:20px;padding-bottom:16px}.nav-header h2{font-size:16px}.nav-section-button{font-size:14px;margin:0 0 6px;padding:12px 16px;width:100%}.nav-subsection-button{font-size:13px;margin:0 0 4px 16px;padding:10px 14px;width:calc(100% - 16px)}.nav-subsections{margin-left:16px;margin-top:6px}.nav-actions{margin-top:24px;padding-top:20px}.nav-action-button{font-size:13px;padding:10px 14px}}@media print{.whitepaper-nav{display:none}}.nav-action-button:focus,.nav-section-button:focus,.nav-subsection-button:focus{outline:2px solid #667eea;outline:2px solid var(--accent-color,#667eea);outline-offset:2px}@media (prefers-contrast:high){.nav-section-button.active{background:#fff;color:#000}.nav-subsection-button.active{background:#ffffff1a;color:#fff}}@media (prefers-reduced-motion:reduce){.nav-action-button,.nav-section-button,.nav-subsection-button{transition:none}.nav-action-button:hover,.nav-section-button:hover,.nav-subsection-button:hover{transform:none}}.nav-sections::-webkit-scrollbar{width:8px}.nav-sections::-webkit-scrollbar-track{background:#0000;border-radius:4px;margin:4px 0}.nav-sections::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#1a1a1a,#0a0a0a);border:1px solid #222;border-radius:4px;-webkit-transition:all .3s ease;transition:all .3s ease}.nav-sections::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#333,#222);border:1px solid #444;box-shadow:0 0 4px #0000004d;transform:scaleX(1.1)}.nav-sections::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#444,#333);transform:scaleX(1.05)}.whitepaper-page[data-theme=light] .nav-sections::-webkit-scrollbar-track{background:#0000000d}.whitepaper-page[data-theme=light] .nav-sections::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#666,#444);border:1px solid #999}.whitepaper-page[data-theme=light] .nav-sections::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#777,#555);border:1px solid #aaa}.whitepaper-page[data-theme=blue] .nav-sections::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#1a1f2e,#0f1419);border:1px solid #2a3441}.whitepaper-page[data-theme=blue] .nav-sections::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#2a3441,#1a1f2e);border:1px solid #3a4451}.whitepaper-page[data-theme=forest] .nav-sections::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#1a1f1a,#0f0f0f);border:1px solid #2a332a}.whitepaper-page[data-theme=forest] .nav-sections::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#2a332a,#1a1f1a);border:1px solid #3a433a}.whitepaper-page[data-theme=sunset] .nav-sections::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#2a1a1a,#1a0f0f);border:1px solid #3a2a2a}.whitepaper-page[data-theme=sunset] .nav-sections::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#3a2a2a,#2a1a1a);border:1px solid #4a3a3a}.whitepaper-content-container{background:#1a1f2ecc;background:var(--card-background,#1a1f2ecc);border:1px solid #ffffff1a;border:1px solid var(--border,#ffffff1a);border-radius:12px;box-shadow:0 4px 16px #0003;display:flex;flex:1 1;flex-direction:column;line-height:1.6;margin:0;max-width:1200px;padding:50px;width:100%}.content-header{border-bottom:2px solid #333;border-bottom:2px solid var(--border,#333);margin-bottom:60px;padding-bottom:40px;text-align:center}.content-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--accent-color,#667eea) 0,var(--accent-secondary,#764ba2) 100%);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;line-height:1.2;margin:0 0 16px}.subtitle{color:#999;color:var(--text-secondary,#999);font-size:1.2rem;font-weight:400;line-height:1.4;margin:0 0 24px}.document-meta{align-items:center;color:#666;color:var(--text-tertiary,#666);display:flex;font-size:.9rem;font-weight:500;gap:12px;justify-content:center}.content-body,.content-section{margin-bottom:60px}.content-section{scroll-margin-top:20px}.section-title{color:#fff;color:var(--text-primary,#fff);font-size:1.8rem;font-weight:700;margin:0 0 24px;padding-bottom:12px;position:relative}.section-title:after{background:linear-gradient(90deg,#667eea,#764ba2);background:linear-gradient(90deg,var(--accent-color,#667eea) 0,var(--accent-secondary,#764ba2) 100%);border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:60px}.section-content{color:#fff;color:var(--text-primary,#fff);font-size:1rem}.section-content h3{font-size:1.3rem;margin:32px 0 16px}.section-content h3,.section-content h4{color:#fff;color:var(--text-primary,#fff);font-weight:600}.section-content h4{font-size:1.1rem;margin:24px 0 12px}.section-content p{line-height:1.7;margin:0 0 16px}.section-content ul{margin:16px 0;padding-left:24px}.section-content li{line-height:1.6;margin:8px 0}.section-content strong{font-weight:600}.section-content a,.section-content strong{color:#667eea;color:var(--accent-color,#667eea)}.section-content a{border-bottom:1px solid #0000;text-decoration:none;transition:border-color .3s ease}.section-content a:hover{border-bottom-color:#667eea;border-bottom-color:var(--accent-color,#667eea)}.token-distribution{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:24px 0}.distribution-item{background:#1a1a1a;background:var(--background-secondary,#1a1a1a);border:1px solid #333;border:1px solid var(--border,#333);border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.distribution-item:hover{border-color:#667eea;border-color:var(--accent-color,#667eea);box-shadow:0 8px 24px #667eea26;transform:translateY(-2px)}.distribution-item .percentage{color:#667eea;color:var(--accent-color,#667eea);display:block;font-size:1.5rem;font-weight:700;margin-bottom:8px}.distribution-item .category{color:#999;color:var(--text-secondary,#999);display:block;font-size:.9rem;font-weight:500}.team-member{background:#1a1a1a;background:var(--background-secondary,#1a1a1a);border:1px solid #333;border:1px solid var(--border,#333);border-radius:12px;margin:16px 0;padding:24px;transition:all .3s ease}.team-member:hover{border-color:#667eea;border-color:var(--accent-color,#667eea);box-shadow:0 8px 24px #667eea26;transform:translateY(-2px)}.team-member h4{color:#667eea;color:var(--accent-color,#667eea);font-size:1.1rem;font-weight:600;margin:0 0 12px}.team-member p{color:#999;color:var(--text-secondary,#999);font-size:.95rem;line-height:1.5;margin:0}.contact-info{background:#1a1a1a;background:var(--background-secondary,#1a1a1a);border:1px solid #333;border:1px solid var(--border,#333);border-radius:12px;margin:24px 0;padding:24px}.contact-info h3{color:#667eea;color:var(--accent-color,#667eea);margin:0 0 16px}.contact-info p{color:#999;color:var(--text-secondary,#999);margin:8px 0}.contact-info a{color:#667eea;color:var(--accent-color,#667eea);font-weight:500;text-decoration:none}.contact-info a:hover{text-decoration:underline}.content-footer{border-top:1px solid #333;border-top:1px solid var(--border,#333);color:#666;color:var(--text-tertiary,#666);font-size:.9rem;padding:40px 0;text-align:center}.content-footer p{margin:8px 0}@media (max-width:768px){.whitepaper-content-container{padding:0;width:100%}.content-header{margin-bottom:40px;padding-bottom:30px}.content-header h1{font-size:1.8rem;line-height:1.3}.subtitle{font-size:.95rem;margin-bottom:20px}.document-meta{flex-direction:column;font-size:.85rem;gap:6px}.section-title{font-size:1.4rem;margin-bottom:20px}.section-content{font-size:.95rem;line-height:1.6}.section-content h3{font-size:1.2rem;margin:28px 0 16px}.section-content h4{font-size:1.1rem;margin:24px 0 12px}.section-content p{line-height:1.6;margin:0 0 14px}.token-distribution{gap:12px;grid-template-columns:1fr}.distribution-item{padding:16px}.team-member{padding:18px}.contact-info{padding:20px}}@media print{.whitepaper-content-container{max-width:none;padding:0}.content-header{margin-bottom:40px}.content-header h1{-webkit-text-fill-color:#000;background:none;color:#000}.section-content,.section-content h3,.section-content h4,.section-title{color:#000}.contact-info,.distribution-item,.team-member{background:#fff;border:1px solid #ccc;break-inside:avoid;page-break-inside:avoid}.content-footer{border-top:1px solid #ccc;color:#666}}.section-content a:focus{outline:2px solid #667eea;outline:2px solid var(--accent-color,#667eea);outline-offset:2px}@media (prefers-contrast:high){.content-header h1{-webkit-text-fill-color:#fff;background:none;color:#fff}.section-content,.section-title{color:#fff}.contact-info,.distribution-item,.team-member{background:#1a1a1a;border:2px solid #fff}}@media (prefers-reduced-motion:reduce){.distribution-item,.team-member{transition:none}.distribution-item:hover,.team-member:hover{transform:none}}.section-content pre{background:#1a1a1a;background:var(--background-secondary,#1a1a1a);border:1px solid #333;border:1px solid var(--border,#333);border-radius:8px;margin:16px 0;overflow-x:auto;padding:16px}.section-content code{background:#2a2a2a;background:var(--background-tertiary,#2a2a2a);border-radius:4px;font-family:Courier New,monospace;font-size:.9rem;padding:2px 6px}.section-content blockquote{background:#1a1a1a;background:var(--background-secondary,#1a1a1a);border-left:4px solid #667eea;border-left:4px solid var(--accent-color,#667eea);border-radius:0 8px 8px 0;font-style:italic;margin:24px 0;padding:16px 24px}.section-content blockquote p{color:#999;color:var(--text-secondary,#999);margin:0}@media (min-width:1400px){.section-content{font-size:1.1rem;line-height:1.8}.section-content p{margin:0 0 20px}.section-content h3{font-size:1.5rem;margin:40px 0 20px}.section-content h4{font-size:1.3rem;margin:30px 0 15px}}@media (min-width:1800px){.section-content{font-size:1.2rem;line-height:1.9}.section-content p{margin:0 0 24px}.section-content h3{font-size:1.7rem;margin:48px 0 24px}.section-content h4{font-size:1.4rem;margin:36px 0 18px}}.whitepaper-page{background:#0000;color:#fff;color:var(--text-primary,#fff);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;left:0;margin:0!important;max-width:none;min-height:100vh;overflow-x:hidden;padding:0!important;position:relative;position:absolute;right:0;top:0;width:100vw}.whitepaper-page[data-theme=light]{color:#000;color:var(--text-primary,#000)}.whitepaper-page[data-theme=blue],.whitepaper-page[data-theme=dark],.whitepaper-page[data-theme=forest],.whitepaper-page[data-theme=sunset]{color:#fff;color:var(--text-primary,#fff)}.whitepaper-container{background:#2a2a2a;background:var(--background-secondary,#2a2a2a);border-radius:20px;box-shadow:0 8px 32px #0000004d,inset 0 1px 0 #ffffff1a;display:flex;height:100vh;margin:0 20px 20px;max-width:none;min-height:100vh;overflow:visible;overflow-y:auto;position:relative;width:100vw;width:calc(100vw - 40px)}.whitepaper-sidebar{align-self:flex-start;-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(180deg,#1a1a1a,#2a2a2a);background:linear-gradient(180deg,var(--background-secondary,#1a1a1a) 0,var(--background-tertiary,#2a2a2a) 100%);border-right:1px solid #ffffff14;box-shadow:2px 0 12px #0000001f,inset 0 1px 0 #ffffff0d;flex-shrink:0;height:100vh;isolation:isolate;max-height:100vh;overflow-y:auto;position:-webkit-sticky;position:sticky;top:0;transform:translateZ(0);width:380px;will-change:transform;z-index:100}.whitepaper-page[data-theme=light] .whitepaper-container{box-shadow:0 8px 32px #0000001a,inset 0 1px 0 #0000000d}.whitepaper-page[data-theme=light] .whitepaper-container,.whitepaper-page[data-theme=light] .whitepaper-content{background:#fff;background:var(--background-secondary,#fff)}.whitepaper-page[data-theme=light] .whitepaper-sidebar{background:#f5f5f5;background:var(--background-secondary,#f5f5f5);border-right:1px solid #e0e0e0;border-right:1px solid var(--border,#e0e0e0);box-shadow:2px 0 8px #0000000d}.whitepaper-page[data-theme=dark] .whitepaper-container{box-shadow:0 8px 32px #0000004d,inset 0 1px 0 #ffffff1a}.whitepaper-page[data-theme=dark] .whitepaper-container,.whitepaper-page[data-theme=dark] .whitepaper-content{background:#2a2a2a;background:var(--background-secondary,#2a2a2a)}.whitepaper-page[data-theme=dark] .whitepaper-sidebar{background:#1a1a1a;background:var(--background-secondary,#1a1a1a);border-right:1px solid #333;border-right:1px solid var(--border,#333)}.whitepaper-page[data-theme=blue] .whitepaper-container{box-shadow:0 8px 32px #4a90e233,inset 0 1px 0 #ffffff1a}.whitepaper-page[data-theme=blue] .whitepaper-container,.whitepaper-page[data-theme=blue] .whitepaper-content{background:#2a3441;background:var(--background-secondary,#2a3441)}.whitepaper-page[data-theme=blue] .whitepaper-sidebar{background:#1a1f2e;background:var(--background-secondary,#1a1f2e);border-right:1px solid #2a3441;border-right:1px solid var(--border,#2a3441);box-shadow:2px 0 8px #4a90e21a}.whitepaper-page[data-theme=forest] .whitepaper-container{box-shadow:0 8px 32px #4caf5033,inset 0 1px 0 #ffffff1a}.whitepaper-page[data-theme=forest] .whitepaper-container,.whitepaper-page[data-theme=forest] .whitepaper-content{background:#2a332a;background:var(--background-secondary,#2a332a)}.whitepaper-page[data-theme=forest] .whitepaper-sidebar{background:#1a1f1a;background:var(--background-secondary,#1a1f1a);border-right:1px solid #2a332a;border-right:1px solid var(--border,#2a332a);box-shadow:2px 0 8px #4caf501a}.whitepaper-page[data-theme=sunset] .whitepaper-container{box-shadow:0 8px 32px #ff6b6b33,inset 0 1px 0 #ffffff1a}.whitepaper-page[data-theme=sunset] .whitepaper-container,.whitepaper-page[data-theme=sunset] .whitepaper-content{background:#3a2a2a;background:var(--background-secondary,#3a2a2a)}.whitepaper-page[data-theme=sunset] .whitepaper-sidebar{background:#2a1a1a;background:var(--background-secondary,#2a1a1a);border-right:1px solid #3a2a2a;border-right:1px solid var(--border,#3a2a2a);box-shadow:2px 0 8px #ff6b6b1a}.whitepaper-content{align-items:flex-start;background:#1a1a1a;background:var(--background,#1a1a1a);border-radius:0 20px 20px 0;display:flex;flex:1 1;flex-direction:column;margin-right:0;min-width:0;overflow-y:auto;padding:0 20px 40px 40px;position:relative;width:calc(100vw - 440px);z-index:1}.mobile-nav-toggle{background:#1a1a1a;background:var(--background-secondary,#1a1a1a);border:1px solid #333;border:1px solid var(--border,#333);border-radius:8px;box-shadow:0 4px 12px #0000004d;color:#fff;color:var(--text-primary,#fff);cursor:pointer;display:none;left:20px;padding:12px;position:fixed;top:20px;transition:all .3s ease;z-index:1000}.mobile-nav-toggle:hover{background:#2a2a2a;background:var(--background-tertiary,#2a2a2a);transform:scale(1.05)}.toc-icon{font-size:20px;font-weight:700;line-height:1}.mobile-toc-overlay{align-items:flex-start;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding-top:80px;position:fixed;right:0;top:0;z-index:999}.mobile-toc-content{animation:slideInDown .3s ease-out;background:#1a1a1a;background:var(--background-secondary,#1a1a1a);border:1px solid #333;border:1px solid var(--border,#333);border-radius:16px;box-shadow:0 20px 40px #00000080;max-height:70vh;max-width:400px;overflow-y:auto;width:90%}.mobile-toc-header{align-items:center;background:#2a2a2a;background:var(--background-tertiary,#2a2a2a);border-bottom:1px solid #333;border-bottom:1px solid var(--border,#333);border-radius:16px 16px 0 0;display:flex;justify-content:space-between;padding:20px 24px 16px}.mobile-toc-header h3{color:#fff;color:var(--text-primary,#fff);font-size:1.2rem;font-weight:600;margin:0}.mobile-toc-close{background:none;border:none;border-radius:4px;color:#999;color:var(--text-secondary,#999);cursor:pointer;font-size:24px;line-height:1;padding:4px;transition:all .2s ease}.mobile-toc-close:hover{background:#1a1a1a;background:var(--background-secondary,#1a1a1a);color:#fff;color:var(--text-primary,#fff)}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.whitepaper-sidebar{width:350px}.whitepaper-content{margin-right:20px;width:calc(100vw - 410px)}}@media (min-width:1400px){.whitepaper-content{padding:40px 40px 40px 60px}}@media (min-width:1800px){.whitepaper-content{padding:40px 60px 40px 80px}}@media (max-width:768px){.whitepaper-container{border-radius:0;flex-direction:column;height:auto;margin:0;min-height:100vh;width:100vw}.whitepaper-content{background:#2a2a2a;background:var(--background-secondary,#2a2a2a);border-radius:0;flex:1 1;margin:80px 0 0;overflow-y:auto;padding:20px 16px;width:100%}.mobile-nav-toggle{display:flex}.whitepaper-back-button{font-size:18px;height:44px;right:16px;top:16px;width:44px}.mobile-nav-toggle{display:block}}@supports not ((position:-webkit-sticky) or (position:sticky)){.whitepaper-sidebar{height:100vh;left:0;position:fixed;top:0;width:380px}.whitepaper-content{margin-left:380px}}@media print{.mobile-nav-toggle,.whitepaper-sidebar{display:none!important}.whitepaper-content{max-width:none;padding:0}.whitepaper-page{background:#fff;color:#000}}.whitepaper-sidebar::-webkit-scrollbar{width:8px}.whitepaper-sidebar::-webkit-scrollbar-track{background:#0000;border-radius:4px;margin:4px 0}.whitepaper-sidebar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#1a1a1a,#0a0a0a);border:1px solid #222;border-radius:4px;-webkit-transition:all .3s ease;transition:all .3s ease}.whitepaper-sidebar::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#333,#222);border:1px solid #444;box-shadow:0 0 4px #0000004d;transform:scaleX(1.1)}.whitepaper-sidebar::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#444,#333);transform:scaleX(1.05)}.whitepaper-page[data-theme=light] .whitepaper-sidebar::-webkit-scrollbar-track{background:#0000000d}.whitepaper-page[data-theme=light] .whitepaper-sidebar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#666,#444);border:1px solid #999}.whitepaper-page[data-theme=light] .whitepaper-sidebar::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#777,#555);border:1px solid #aaa}.whitepaper-page[data-theme=blue] .whitepaper-sidebar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#1a1f2e,#0f1419);border:1px solid #2a3441}.whitepaper-page[data-theme=blue] .whitepaper-sidebar::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#2a3441,#1a1f2e);border:1px solid #3a4451}.whitepaper-page[data-theme=forest] .whitepaper-sidebar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#1a1f1a,#0f0f0f);border:1px solid #2a332a}.whitepaper-page[data-theme=forest] .whitepaper-sidebar::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#2a332a,#1a1f1a);border:1px solid #3a433a}.whitepaper-page[data-theme=sunset] .whitepaper-sidebar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#2a1a1a,#1a0f0f);border:1px solid #3a2a2a}.whitepaper-page[data-theme=sunset] .whitepaper-sidebar::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#3a2a2a,#2a1a1a);border:1px solid #4a3a3a}.whitepaper-content::-webkit-scrollbar{width:10px}.whitepaper-content::-webkit-scrollbar-track{background:#0000;border-radius:5px;margin:4px 0}.whitepaper-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#1a1a1a,#0a0a0a);border:1px solid #222;border-radius:5px;-webkit-transition:all .3s ease;transition:all .3s ease}.whitepaper-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#333,#222);border:1px solid #444;box-shadow:0 0 4px #0000004d;transform:scaleX(1.1)}.whitepaper-content::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#444,#333);transform:scaleX(1.05)}.whitepaper-page[data-theme=light] .whitepaper-content::-webkit-scrollbar-track{background:#0000000d}.whitepaper-page[data-theme=light] .whitepaper-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#666,#444);border:1px solid #999}.whitepaper-page[data-theme=light] .whitepaper-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#777,#555);border:1px solid #aaa}.whitepaper-page[data-theme=blue] .whitepaper-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#1a1f2e,#0f1419);border:1px solid #2a3441}.whitepaper-page[data-theme=blue] .whitepaper-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#2a3441,#1a1f2e);border:1px solid #3a4451}.whitepaper-page[data-theme=forest] .whitepaper-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#1a1f1a,#0f0f0f);border:1px solid #2a332a}.whitepaper-page[data-theme=forest] .whitepaper-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#2a332a,#1a1f1a);border:1px solid #3a433a}.whitepaper-page[data-theme=sunset] .whitepaper-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#2a1a1a,#1a0f0f);border:1px solid #3a2a2a}.whitepaper-page[data-theme=sunset] .whitepaper-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#3a2a2a,#2a1a1a);border:1px solid #4a3a3a}.whitepaper-page{animation:fadeIn .5s ease-in-out}.whitepaper-sidebar:after{background:linear-gradient(180deg,#0000,#667eea 20%,#667eea 80%,#0000);background:linear-gradient(180deg,#0000 0,var(--accent-color,#667eea) 20%,var(--accent-color,#667eea) 80%,#0000 100%);content:"";height:100%;opacity:.4;pointer-events:none;position:absolute;right:0;top:0;width:2px;z-index:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.whitepaper-page :focus{outline:2px solid #667eea;outline:2px solid var(--accent-color,#667eea);outline-offset:2px}@media (prefers-contrast:high){.whitepaper-page{background:#000;color:#fff}.whitepaper-sidebar{background:#1a1a1a;border-right:2px solid #fff}}.whitepaper-back-button{align-items:center;background:#1a1a1a;background:var(--background-secondary,#1a1a1a);border:2px solid #667eea;border:2px solid var(--accent-color,#667eea);border-radius:50%;box-shadow:0 4px 12px #0000004d;color:#fff;color:var(--text-primary,#fff);cursor:pointer;display:flex;font-size:20px;height:48px;justify-content:center;position:fixed;right:20px;top:20px;transition:all .3s cubic-bezier(.4,0,.2,1);width:48px;z-index:1000}.whitepaper-back-button:hover{background:#2a2a2a;background:var(--background-tertiary,#2a2a2a);border-color:#764ba2;border-color:var(--accent-secondary,#764ba2);box-shadow:0 0 0 1px #667eea,0 0 0 3px #764ba2,0 6px 16px #667eea4d;box-shadow:0 0 0 1px var(--accent-color,#667eea),0 0 0 3px var(--accent-secondary,#764ba2),0 6px 16px #667eea4d;transform:translateY(-2px) scale(1.1)}.whitepaper-page[data-theme=light] .whitepaper-back-button{background:#f5f5f5;background:var(--background-secondary,#f5f5f5);border:2px solid #667eea;border:2px solid var(--accent-color,#667eea);box-shadow:0 4px 12px #0000001a;color:#000;color:var(--text-primary,#000)}.whitepaper-page[data-theme=blue] .whitepaper-back-button{background:#1a1f2e;background:var(--background-secondary,#1a1f2e);border:2px solid #4a90e2;color:#fff;color:var(--text-primary,#fff)}.whitepaper-page[data-theme=forest] .whitepaper-back-button{background:#1a1f1a;background:var(--background-secondary,#1a1f1a);border:2px solid #4caf50;color:#fff;color:var(--text-primary,#fff)}.whitepaper-page[data-theme=sunset] .whitepaper-back-button{background:#2a1a1a;background:var(--background-secondary,#2a1a1a);border:2px solid #ff6b6b;color:#fff;color:var(--text-primary,#fff)}@media (max-width:768px){.whitepaper-back-button{font-size:18px;height:44px;right:15px;top:15px;width:44px}}@media (prefers-reduced-motion:reduce){.mobile-nav-toggle,.whitepaper-back-button,.whitepaper-page,.whitepaper-sidebar{animation:none;transition:none}}.roadmap-page{background:var(--bg-primary);color:var(--text-primary);margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.roadmap-header{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border:1px solid var(--border);border-radius:16px;box-shadow:0 8px 32px var(--shadow);margin-bottom:32px;overflow:hidden;padding:40px;position:relative}.roadmap-header:before{animation:shimmer 102s ease-in-out infinite;background:linear-gradient(45deg,#0000 30%,#ffffff0d 50%,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%,to{transform:translateX(-100%)}50%{transform:translateX(100%)}}.roadmap-header-content{align-items:center;display:flex;flex-direction:column;position:relative;text-align:center;z-index:1}.roadmap-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;margin:0 0 16px;text-align:center}.roadmap-header p{font-size:1.2rem;margin:0 0 32px}.roadmap-header p,.roadmap-header-content p{color:var(--text-secondary);max-width:600px;text-align:center}.roadmap-header-content p{font-size:1rem;margin:8px 0 0}.premium-voting-notice{background:linear-gradient(135deg,#ef44441a,#dc26261a);border:1px solid #ef44444d;border-radius:8px;margin-top:16px;padding:12px 16px;text-align:center}.premium-voting-notice p{color:#ef4444;font-size:14px;font-weight:600;margin:0}.premium-voting-info{background:linear-gradient(135deg,#10b9811a,#0596691a);border:1px solid #10b9814d;border-radius:8px;margin-top:16px;padding:12px 16px;text-align:center}.premium-voting-info p{color:#10b981;font-size:14px;font-weight:600;margin:0}.add-item-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 16px #667eea4d;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.add-item-btn:hover{box-shadow:0 8px 24px #667eea66;transform:translateY(-2px)}.add-item-btn:active{transform:translateY(0)}.roadmap-filters{align-items:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:32px;padding:20px}.filter-group{display:flex;flex-direction:column;gap:8px;min-width:150px}.filter-group label{color:var(--text-secondary);font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.filter-group select{background:#333;border:1px solid var(--border);border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;padding:14px 20px;transition:all .2s ease}.filter-group select:focus,.filter-group select:hover{background:#444;border-color:var(--accent)}.filter-group select:focus{box-shadow:0 0 0 3px #667eea1a;outline:none}.sort-order-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;min-width:48px;padding:8px 16px;transition:all .2s ease}.sort-order-btn:hover{background:var(--bg-tertiary);border-color:var(--accent)}.roadmap-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));margin-bottom:40px}.roadmap-item{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.roadmap-item:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.roadmap-item:hover{border-color:var(--accent);box-shadow:0 12px 32px var(--shadow);transform:translateY(-4px)}.roadmap-item:hover:before{transform:scaleX(1)}.item-header{justify-content:space-between;margin-bottom:16px}.item-category,.item-header{align-items:center;display:flex}.item-category{color:var(--text-secondary);font-size:.9rem;font-weight:600;gap:8px;letter-spacing:.5px;text-transform:uppercase}.category-icon{font-size:1.2rem}.item-badges{display:flex;gap:8px}.priority-badge,.status-badge{border-radius:6px;color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.item-title{color:var(--text-primary);font-size:1.3rem;font-weight:700;line-height:1.4;margin:0 0 12px}.item-description{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin:0 0 16px}.item-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.tag{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);font-size:.8rem;font-weight:500;padding:4px 8px}.item-footer{align-items:center;display:flex;justify-content:space-between;margin-top:auto}.item-meta{display:flex;flex-direction:column;gap:4px}.item-date,.item-updated{color:var(--text-secondary);font-size:.8rem}.item-updated{font-style:italic}.item-votes,.vote-btn{align-items:center;display:flex}.vote-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-width:100px;padding:8px 16px;transition:all .3s ease}.vote-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.vote-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.vote-btn.voted{background:linear-gradient(135deg,#10b981,#059669)}.vote-btn.voting{background:linear-gradient(135deg,#f59e0b,#d97706);cursor:not-allowed}.vote-btn.premium-required{background:linear-gradient(135deg,#6b7280,#4b5563);cursor:not-allowed}.vote-btn.premium-required:hover{box-shadow:none;transform:none}.premium-notice{margin-top:4px;text-align:center}.premium-notice small{color:#6b7280;font-size:11px;font-style:italic}.vote-count{background:#fff3;border-radius:4px;font-size:12px;font-weight:700;padding:2px 6px}.voting-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.modal-overlay{align-items:flex-start;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.modal-content{animation:modalSlideIn .3s cubic-bezier(.4,0,.2,1);background:#222!important;border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;opacity:1!important;overflow-y:auto;padding:0;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:24px;padding:24px 24px 0}.modal-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0}.modal-close{background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;padding:4px;transition:all .2s ease}.modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.add-item-form{padding:0 24px 24px}.form-group{margin-bottom:20px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-group label{color:var(--text-primary);display:block;font-size:.9rem;font-weight:600;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;box-sizing:border-box;color:var(--text-primary);font-size:.9rem;padding:12px;transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group textarea{min-height:100px;resize:vertical}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:32px}.cancel-btn{background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.9rem;font-weight:600;padding:12px 24px;transition:all .2s ease}.cancel-btn:hover{background:var(--bg-tertiary);border-color:var(--accent)}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:12px 24px;transition:all .2s ease}.submit-btn:hover{box-shadow:0 4px 16px #667eea4d;transform:translateY(-1px)}.roadmap-error,.roadmap-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border-top:4px solid var(--border);border:4px solid var(--border);border-radius:50%;border-top-color:var(--accent);height:40px;margin-bottom:16px;width:40px}.roadmap-error h3{color:#ef4444;margin-bottom:12px}.roadmap-error button{background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:16px;padding:12px 24px}.roadmap-empty{color:var(--text-secondary);padding:80px 20px;text-align:center}.empty-icon{font-size:4rem;margin-bottom:16px;opacity:.5}.roadmap-empty h3{color:var(--text-primary);margin:0 0 12px}.roadmap-empty p{font-size:1.1rem;margin:0 0 24px}@media (max-width:768px){.roadmap-page{padding:16px}.roadmap-header{padding:24px}.roadmap-header h1{font-size:2rem}.roadmap-header p{font-size:1rem}.roadmap-filters{align-items:stretch;flex-direction:column}.filter-group{min-width:auto}.sort-order-btn{justify-content:center;margin-left:0!important;margin-top:8px!important;width:100%}.roadmap-grid{gap:16px;grid-template-columns:1fr}.roadmap-item{padding:20px}.item-header{gap:12px}.item-footer,.item-header{align-items:flex-start;flex-direction:column}.item-footer{gap:16px}.form-row{grid-template-columns:1fr}.modal-content{margin:20px;max-height:calc(100vh - 40px)}.form-actions{flex-direction:column}}@media (max-width:480px){.roadmap-header h1{font-size:1.5rem}.roadmap-item{padding:16px}.item-title{font-size:1.1rem}}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--background);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;overflow-x:hidden;width:100%}body:before{animation:backgroundFlow 8s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,#7877c61a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff77c61a 0,#0000 50%),radial-gradient(circle at 40% 40%,#78dbff1a 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}@keyframes backgroundFlow{0%,to{opacity:1;transform:scale(1) rotate(0deg)}50%{opacity:.7;transform:scale(1.1) rotate(2deg)}}@keyframes swirlingBorder{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.app-container{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;width:100%}.main-content.chart-mode{margin:0;max-width:none;padding:0 20px;width:100%}.chart-mode-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:400px 1fr;max-width:1500px;width:100%}.main-content{display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:1700px;padding:8px 32px 20px;position:relative;width:100%;z-index:1}.nav-container{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid #ffffff1a}.nav-content{align-items:center;display:grid;grid-template-columns:auto 1fr auto;margin:0 auto;max-width:1400px;padding:16px 32px;position:relative;z-index:1001}.nav-brand{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:800;gap:12px;letter-spacing:-.5px;text-decoration:none}.nav-brand,.nav-links{align-items:center;display:flex;position:relative;z-index:1002}.nav-links{gap:8px}.nav-link,.nav-links{justify-content:center}.nav-link{align-items:center;background:#0000;border:none;border-radius:8px;color:#ffffffe6;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;line-height:1;outline:none;overflow:hidden;padding:8px 16px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;z-index:1002}.nav-link:hover{background:var(--hover-bg);color:var(--text)}.nav-link.active{background:linear-gradient(135deg,#667eea,#764ba2);color:var(--text-on-primary)}.nav-link:active,.nav-link:focus{box-shadow:none;outline:none}button.nav-link{font-family:inherit;font-size:14px;height:auto;line-height:1}.wallet-section{align-items:center;display:flex;gap:16px}.wallet-address{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1a1f2ef5;border:1.5px solid #3b82f62e;border-radius:8px;box-shadow:0 1px 4px #1e222d0f;color:#e5e7eb;font-family:Inter,Courier New,monospace;font-size:15px;font-weight:600;letter-spacing:.01em;padding:10px 20px;transition:border .18s,background .18s,color .18s}.wallet-address:focus,.wallet-address:hover{background:#2a2f3efa;border-color:#3b82f659;color:#3b82f6}.btn{align-items:center;background:#1a1f2eeb;border:1.5px solid #3b82f62e;border-radius:8px;box-shadow:0 2px 8px #1e222d14;color:#f8fafc;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:8px;letter-spacing:.01em;outline:none;overflow:hidden;padding:12px 24px;position:relative;text-decoration:none;text-transform:none;transition:all .18s cubic-bezier(.4,0,.2,1)}.btn:focus,.btn:hover{background:#2a2f3efa;border-color:#3b82f659;box-shadow:0 4px 16px #3b82f61a;color:#3b82f6}.btn-close{align-items:center;background:#1a1f2ef2;border:1.5px solid #ef444433;border-radius:8px;box-shadow:0 1px 4px #1e222d0f;color:#ef4444;cursor:pointer;display:flex;font-size:16px;font-weight:600;height:32px;justify-content:center;outline:none;transition:all .18s cubic-bezier(.4,0,.2,1);width:32px}.btn-close:focus,.btn-close:hover{background:#ef44441a;border-color:#ef444466;box-shadow:0 2px 8px #ef444426;color:#fca5a5;transform:scale(1.05)}.btn-close:active{transform:scale(.95)}.welcome-section{position:relative;text-align:center;z-index:10}.welcome-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#667eea 50%,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:900;letter-spacing:-1px;margin-bottom:19px;position:relative;z-index:1}.welcome-subtitle{color:var(--text-secondary);font-size:20px;font-weight:400;line-height:1.6;margin-bottom:32px;position:relative;z-index:1}.welcome-features{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;margin-top:40px;position:relative;z-index:1}.feature-item{max-width:200px;text-align:center}.feature-icon{display:block;font-size:32px;margin-bottom:12px}.feature-title{color:var(--text);font-size:16px;font-weight:600;margin-bottom:8px}.hero-search-section,.trading-suite-section{position:relative;z-index:50}.featured-tokens-section{border:1px solid #ffffff1a!important;border:1px solid var(--border,#ffffff1a)!important;outline:none!important;position:relative;z-index:40}.featured-tokens-section *{border-color:#ffffff1a!important;border-color:var(--border,#ffffff1a)!important;outline-color:#ffffff1a!important;outline-color:var(--border,#ffffff1a)!important}.featured-tokens-section :focus{border-color:#667eea!important;border-color:var(--primary,#667eea)!important;box-shadow:0 0 0 2px #667eea!important;box-shadow:0 0 0 2px var(--primary,#667eea)!important;outline-color:#667eea!important;outline-color:var(--primary,#667eea)!important}.token-table-container{-webkit-overflow-scrolling:touch;border:1px solid #ffffff1a;border-radius:12px;box-shadow:inset 0 2px 8px #0006;overflow-x:auto}@media (max-width:767px){.nav-container{display:none!important}.main-content{padding:60px 16px 16px}.main-content.has-banner{padding-top:88px}.main-content.chart-mode{padding:60px 16px 16px}.main-content.chart-mode.has-banner{padding-top:88px}#scrolling-banner-container{left:0!important;position:fixed!important;right:0!important;top:60px!important;z-index:999!important}.welcome-title{font-size:32px;margin-bottom:16px}.welcome-subtitle{font-size:16px;margin-bottom:24px}.welcome-features{align-items:center;flex-direction:column;gap:24px}.feature-item{max-width:100%}.chart-mode-grid{gap:16px;grid-template-columns:1fr}.app-container,.main-content,.nav-content{max-width:100vw;overflow-x:hidden}*{max-width:100vw}.btn{font-size:14px;padding:10px 16px}.token-table-container{-webkit-overflow-scrolling:touch;max-width:100vw;overflow-x:auto}.main-content h1:first-child,.main-content h2:first-child,.main-content>:first-child{margin-top:0!important;padding-top:0!important}.featured-tokens-section{background:#1a1f2ecc!important;background:var(--card-background,#1a1f2ecc)!important;border:1px solid #ffffff1a!important;border:1px solid var(--border,#ffffff1a)!important;border-radius:16px!important;box-shadow:0 2px 8px #00000026!important;margin:0 8px!important;padding:16px!important}.welcome-page-mobile{margin-top:0!important;padding:0!important}.main-content.welcome-page-layout{padding-top:16px!important}.featured-tokens-section>div{border-radius:8px!important;padding:12px!important}.featured-tokens-section>*{border-radius:6px!important}.featured-tokens-section *{border-color:#ffffff1a!important;border-color:var(--border,#ffffff1a)!important;outline-color:#ffffff1a!important;outline-color:var(--border,#ffffff1a)!important}.featured-tokens-section :focus{border-color:#667eea!important;border-color:var(--primary,#667eea)!important;box-shadow:0 0 0 2px #667eea!important;box-shadow:0 0 0 2px var(--primary,#667eea)!important;outline-color:#667eea!important;outline-color:var(--primary,#667eea)!important}.featured-tokens-section :hover{border-color:#ffffff1a!important;border-color:var(--border,#ffffff1a)!important}}@media (min-width:768px) and (max-width:1023px){.nav-container{display:none!important}.main-content{padding:68px 20px 20px}.main-content.has-banner{padding-top:100px}.main-content.chart-mode{padding:68px 20px 20px}.main-content.chart-mode.has-banner{padding-top:100px}#scrolling-banner-container{left:0!important;position:fixed!important;right:0!important;top:68px!important;z-index:999!important}.welcome-title{font-size:40px}.chart-mode-grid{gap:20px;grid-template-columns:1fr}}@media (min-width:1024px){.nav-container{display:block!important}.main-content{padding:8px 32px 20px}.main-content.has-banner{padding-top:40px}.main-content.chart-mode{padding:8px 20px 20px}.main-content.chart-mode.has-banner{padding-top:40px}#scrolling-banner-container{left:0!important;position:fixed!important;right:0!important;top:0!important;z-index:999!important}.chart-mode-grid{gap:24px;grid-template-columns:400px 1fr}}@media (min-width:1600px){.chart-mode-grid{grid-template-columns:450px 1fr}}@media (hover:none) and (pointer:coarse){.btn,.nav-link,button{min-height:44px;min-width:44px}.btn:hover,.nav-link:hover,button:hover{transform:none}.btn:active,.nav-link:active,button:active{transform:scale(.95);transition:transform .1s ease}}.enter-address-btn{font-size:11px!important;height:36px!important;min-height:auto!important;min-width:auto!important;padding:6px 12px!important}@media (hover:none) and (pointer:coarse){.enter-address-btn{min-height:auto!important;min-width:auto!important}}@supports (padding:max(0px)){.main-content,.nav-container{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}@media (max-width:767px){.main-content{padding-top:max(60px,calc(60px + env(safe-area-inset-top)))}}}