:root,:root.light-mode{--primary-gold:gold;--primary-purple:#8a2be2;--primary-purple-dark:#6a1b9a;--primary-purple-light:#8a2be21a;--primary-white:#fff;--accent-gold:#ffc107;--accent-purple:#9c27b0;--silver:silver;--silver-light:#e5e5e5;--silver-dark:#999;--platinum:#e5e4e2;--charcoal:#36454f;--slate:#708090;--pearl:#f8f6f0;--gradient-primary:linear-gradient(135deg,var(--primary-purple) 0%,var(--primary-gold) 100%);--gradient-gold:linear-gradient(135deg,gold,orange);--gradient-purple:linear-gradient(135deg,#8a2be2,#9932cc);--gradient-royal:linear-gradient(135deg,var(--primary-purple) 0%,var(--primary-gold) 50%,var(--primary-purple) 100%);--gradient-silver:linear-gradient(135deg,var(--platinum) 0%,var(--silver) 50%,var(--silver-light) 100%);--gradient-metallic:linear-gradient(135deg,var(--charcoal) 0%,var(--silver) 30%,var(--primary-gold) 70%,var(--silver) 100%);--gradient-premium:linear-gradient(135deg,var(--primary-purple) 0%,var(--silver) 25%,var(--primary-gold) 50%,var(--silver) 75%,var(--primary-purple) 100%);--background-primary:#fff;--background-secondary:#fafafa;--background-tertiary:#f8f9fa;--surface-color:#fff;--surface-hover:#8a2be20a;--surface-active:#8a2be214;--surface-pressed:#8a2be21f;--overlay-color:#0009;--glass-bg:#ffffffe6;--glass-border:#ffffff4d;--vscode-bg:#fff;--vscode-sidebar:#f3f3f3;--vscode-activity-bar:#2c2c2c;--vscode-editor:#fff;--vscode-border:#e5e5e5;--vscode-text:#383a42;--vscode-text-secondary:#696c77;--vscode-text-muted:#a0a1a7;--vscode-accent:#005fb8;--vscode-accent-secondary:#0078d4;--vscode-accent-hover:#004578;--vscode-accent-alpha-10:#005fb81a;--vscode-icon:#424242;--vscode-hover:#e5e5e5;--vscode-active:#e4e6f1;--vscode-tab-active:#fff;--vscode-tab-inactive:#ececec;--vscode-input-bg:#fff;--vscode-button-bg:#005fb8;--vscode-button-hover:#0078d4;--vscode-card-bg:#fff;--vscode-badge-bg:#c8c8c8;--vscode-tag-bg:#e1f5fe;--vscode-tag-text:#01579b;--vscode-tag-border:#b3e5fc;--vscode-status-bar:#005fb8;--text-primary:#8a2be2;--text-secondary:#6a1b9a;--text-muted:#8a2be299;--text-gold:gold;--text-inverse:#fff;--text-accent:#9c27b0;--border-color:#8a2be233;--border-primary:#8a2be24d;--border-secondary:#8a2be21a;--border-accent:#ffd70066;--border-gold:#ffd7004d;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 2px 4px #0000000f,0 2px 6px #8a2be212;--shadow-md:0 4px 6px #0000000d,0 10px 15px #8a2be21a;--shadow-lg:0 10px 15px #0000001a,0 20px 25px #8a2be21a;--shadow-xl:0 20px 25px #0000001a,0 25px 50px #8a2be226;--shadow-2xl:0 25px 50px #00000026,0 30px 60px #8a2be233;--shadow-glow:0 0 0 1px #ffd7004d,0 0 20px #ffd70066;--shadow-gold:0 4px 14px #ffd70040,0 0 0 1px #ffd7001a;--shadow-purple:0 4px 14px #8a2be240,0 0 0 1px #8a2be21a;--shadow-inset:inset 0 1px 2px #0000001a;--font-display:"Inter","SF Pro Display",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;--font-body:"Inter","SF Pro Text",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;--font-accent:"JetBrains Mono","SF Mono","Monaco",monospace;--transition-fast:0.15s cubic-bezier(0.4,0,0.2,1);--transition-normal:0.3s cubic-bezier(0.4,0,0.2,1);--transition-bounce:0.3s cubic-bezier(0.68,-0.55,0.265,1.55);--space-xs:0.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:4rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--btn-primary-bg:var(--primary-purple);--btn-primary-color:var(--text-inverse);--btn-primary-border:var(--primary-gold);--btn-primary-hover-bg:var(--primary-purple-dark);--btn-primary-hover-color:var(--text-inverse);--btn-secondary-bg:#0000;--btn-secondary-color:var(--primary-purple);--btn-secondary-border:var(--primary-purple);--btn-secondary-hover-bg:var(--primary-purple);--btn-secondary-hover-color:var(--text-inverse);--input-bg:var(--surface-color);--input-color:var(--text-primary);--input-border:var(--border-color);--input-focus-border:var(--primary-gold);--input-placeholder:var(--text-muted);--card-bg:var(--surface-color);--card-color:var(--text-primary);--card-border:var(--border-color);--card-hover-bg:var(--surface-hover);--card-shadow:var(--shadow-sm);--card-hover-shadow:var(--shadow-md);--nav-bg:var(--surface-color);--nav-color:var(--text-primary);--nav-border:var(--border-color);--nav-link-color:var(--text-primary);--nav-link-hover-bg:var(--primary-purple);--nav-link-hover-color:var(--text-inverse);--nav-active-bg:var(--primary-purple);--nav-active-color:var(--text-inverse);--modal-bg:var(--surface-color);--modal-color:var(--text-primary);--modal-overlay:var(--overlay-color);--modal-border:var(--border-color);--heading-color:var(--text-primary);--subheading-color:var(--text-secondary);--paragraph-color:var(--text-primary);--caption-color:var(--text-muted);--link-color:var(--primary-gold);--link-hover-color:var(--primary-purple);--success-bg:#10b9811a;--success-color:var(--success);--success-border:#10b9814d;--warning-bg:#f59e0b1a;--warning-color:var(--warning);--warning-border:#f59e0b4d;--error-bg:#ef44441a;--error-color:var(--error);--error-border:#ef44444d;--info-bg:#3b82f61a;--info-color:var(--info);--info-border:#3b82f64d}:root.dark-mode,body.dark-mode,body[data-theme=dark],html.dark-mode{--primary-gold:gold;--primary-purple:#a78bfa;--primary-purple-dark:#8b5cf6;--primary-purple-light:#a78bfa26;--primary-white:#fff;--accent-gold:#fbbf24;--accent-purple:#c084fc;--silver:#d1d5db;--silver-light:#f3f4f6;--silver-dark:#6b7280;--platinum:#e5e7eb;--charcoal:#1f2937;--slate:#374151;--pearl:#f9fafb;--gradient-primary:linear-gradient(135deg,var(--primary-purple) 0%,var(--primary-gold) 100%);--gradient-gold:linear-gradient(135deg,gold,#f59e0b);--gradient-purple:linear-gradient(135deg,#a78bfa,#8b5cf6);--gradient-royal:linear-gradient(135deg,var(--primary-purple) 0%,var(--primary-gold) 50%,var(--primary-purple) 100%);--background-primary:#000;--background-secondary:#0a0a0a;--background-tertiary:#151515;--surface-color:#0d0d0d;--surface-hover:#9d4edd26;--surface-hover-light:#ffffff1a;--overlay-color:#000c;--text-primary:#fff;--text-secondary:#e1b3ff;--text-muted:#fffc;--text-gold:var(--primary-gold);--text-inverse:#000;--text-accent:orchid;--border-color:#9d4edd66;--border-primary:#9d4edd99;--border-secondary:#9d4edd33;--border-accent:#ffd70099;--border-gold:#ffd70080;--shadow-sm:0 1px 2px #00000080;--shadow-md:0 4px 6px #0009;--shadow-lg:0 10px 15px #000000b3;--shadow-xl:0 20px 25px #000c;--shadow-glow:0 0 20px #ffd7004d;--shadow-gold:0 4px 14px 0 #ffd70063;--vscode-bg:#0d1117;--vscode-sidebar-bg:#161b22;--vscode-editor-bg:#0d1117;--vscode-activitybar-bg:#010409;--vscode-statusbar-bg:#24292f;--vscode-tab-active-bg:#0d1117;--vscode-tab-inactive-bg:#161b22;--vscode-text:#f0f6fc;--vscode-text-secondary:#8b949e;--vscode-text-muted:#6e7681;--vscode-text-accent:#58a6ff;--vscode-text-success:#3fb950;--vscode-text-warning:#f85149;--vscode-text-error:#f85149;--vscode-border:#30363d;--vscode-border-focus:#388bfd26;--vscode-border-active:#fd7e14;--vscode-button-primary:#238636;--vscode-button-primary-hover:#2ea043;--vscode-button-secondary:#21262d;--vscode-button-secondary-hover:#30363d;--vscode-input-bg:#0d1117;--vscode-input-border:#30363d;--vscode-input-focus:#388bfd26;--vscode-selection:#264f78;--vscode-hover:#161b2240;--vscode-active:#0969da1a;--vscode-scrollbar-thumb:#6e7681;--vscode-scrollbar-track:#0000;--vscode-keyword:#ff7b72;--vscode-string:#a5d6ff;--vscode-number:#79c0ff;--vscode-comment:#8b949e;--vscode-function:#d2a8ff;--vscode-variable:#ffa657;--vscode-type:#7ee787;--vscode-constant:#79c0ff;--btn-primary-bg:var(--primary-purple);--btn-primary-color:var(--text-inverse);--btn-primary-border:var(--primary-gold);--btn-primary-hover-bg:var(--primary-purple-dark);--btn-primary-hover-color:var(--text-inverse);--btn-secondary-bg:#0000;--btn-secondary-color:var(--text-primary);--btn-secondary-border:var(--primary-purple);--btn-secondary-hover-bg:var(--primary-purple);--btn-secondary-hover-color:var(--text-inverse);--input-bg:var(--surface-color);--input-color:var(--text-primary);--input-border:var(--border-color);--input-focus-border:var(--primary-gold);--input-placeholder:var(--text-muted);--card-bg:var(--surface-color);--card-color:var(--text-primary);--card-border:var(--border-color);--card-hover-bg:var(--surface-hover);--card-shadow:var(--shadow-sm);--card-hover-shadow:var(--shadow-md);--nav-bg:var(--surface-color);--nav-color:var(--text-primary);--nav-border:var(--border-color);--nav-link-color:var(--text-primary);--nav-link-hover-bg:var(--primary-purple);--nav-link-hover-color:var(--text-inverse);--nav-active-bg:var(--primary-purple);--nav-active-color:var(--text-inverse);--modal-bg:var(--surface-color);--modal-color:var(--text-primary);--modal-overlay:var(--overlay-color);--modal-border:var(--border-color);--heading-color:var(--text-primary);--subheading-color:var(--text-secondary);--paragraph-color:var(--text-primary);--caption-color:var(--text-muted);--link-color:var(--primary-gold);--link-hover-color:var(--accent-gold);--success-bg:#10b98133;--success-color:#10b981;--success-border:#10b98166;--warning-bg:#f59e0b33;--warning-color:#f59e0b;--warning-border:#f59e0b66;--error-bg:#ef444433;--error-color:#ef4444;--error-border:#ef444466;--info-bg:#3b82f633;--info-color:#3b82f6;--info-border:#3b82f666}html{background:#fff;background:var(--background-primary);color:#8a2be2;color:var(--text-primary);scrollbar-gutter:stable}*,:after,:before,html{box-sizing:border-box}body{font-family:Inter,SF Pro Text,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-family:var(--font-body);margin:0;min-height:calc(100vh + 200px);overflow-y:scroll;padding:100px 0 0;transition:background-color .3s ease,color .3s ease}#root,.app-container,.homepage,.main-content,.page-container,body{background:#fff;background:var(--background-primary);color:#8a2be2;color:var(--text-primary)}html{height:100%;scroll-behavior:smooth}::-webkit-scrollbar{height:12px;width:12px}::-webkit-scrollbar-track{background:linear-gradient(180deg,#f8fafc,#e2e8f0);border:1px solid #8a2be21a;border-radius:6px;box-shadow:inset 0 0 3px #0000001a}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8a2be2,gold 50%,#8a2be2);border:1px solid #ffd7004d;border-radius:6px;box-shadow:0 0 8px #8a2be266,inset 0 1px 0 #ffffff4d;-webkit-transition:all .2s ease;transition:all .2s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#9932cc,orange 50%,#9932cc);box-shadow:0 0 12px #8a2be299,0 0 20px #ffd70066,inset 0 1px 0 #fff6;transform:scale(1.05)}::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#6a1b9a,#ff8c00 50%,#6a1b9a);box-shadow:0 0 15px #8a2be2cc,0 0 25px #ff8c0080,inset 0 1px 0 #fff3}::-webkit-scrollbar-corner{background:linear-gradient(45deg,#f8fafc,#e2e8f0)}body.dark-mode ::-webkit-scrollbar-track,body[data-theme=dark] ::-webkit-scrollbar-track,html.dark-mode ::-webkit-scrollbar-track{background:linear-gradient(180deg,#1a1a1a,#0f0f0f);border:1px solid #ff450033;box-shadow:inset 0 0 5px #ff00001a,inset 0 0 10px #0000004d}body.dark-mode ::-webkit-scrollbar-thumb,body[data-theme=dark] ::-webkit-scrollbar-thumb,html.dark-mode ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,red,#ff6b00 30%,orange 50%,#ff6b00 70%,red);border:1px solid #ffa50066;box-shadow:0 0 10px #ff450080,0 0 20px #ff00004d,inset 0 1px 0 #fff3}body.dark-mode ::-webkit-scrollbar-thumb:hover,body[data-theme=dark] ::-webkit-scrollbar-thumb:hover,html.dark-mode ::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ff4500,#ff8c00 30%,#ff0 50%,#ff8c00 70%,#ff4500);box-shadow:0 0 15px #ff4500b3,0 0 30px #ff8c0066,0 0 40px #ff03,inset 0 1px 0 #ffffff4d;transform:scale(1.1)}body.dark-mode ::-webkit-scrollbar-thumb:active,body[data-theme=dark] ::-webkit-scrollbar-thumb:active,html.dark-mode ::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#dc2626,#ea580c 30%,#f59e0b 50%,#ea580c 70%,#dc2626);box-shadow:0 0 20px #dc2626cc,0 0 35px #ea580c80,0 0 50px #f59e0b4d,inset 0 1px 0 #ffffff1a}body.dark-mode ::-webkit-scrollbar-corner,body[data-theme=dark] ::-webkit-scrollbar-corner,html.dark-mode ::-webkit-scrollbar-corner{background:linear-gradient(45deg,#1a1a1a,#0f0f0f)}html{scrollbar-color:#8a2be2 #f8fafc;scrollbar-width:thin}body.dark-mode html,body[data-theme=dark] html,html.dark-mode{scrollbar-color:#ff6b00 #1a1a1a}.animated-banner{margin-top:80px!important}.enhanced-developer-tools{background:#fff;background:var(--vscode-bg);color:#383a42;color:var(--vscode-text);font-family:Fira Code,Monaco,Cascadia Code,Roboto Mono,monospace;min-height:600px;position:relative}.enhanced-developer-tools:before{animation:gridMove 20s linear infinite;background-image:linear-gradient(#007aff08 1px,#0000 0),linear-gradient(90deg,#007aff08 1px,#0000 0);background-size:50px 50px;content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.devtools-activity-bar{align-items:center;background:var(--vscode-activitybar-bg);border-right:1px solid #e5e5e5;border-right:1px solid var(--vscode-border);display:flex;flex-direction:column;left:0;padding:20px 0;position:absolute;top:0;width:60px}.activity-btn{align-items:center;border-radius:6px;color:#424242;color:var(--vscode-icon);cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;margin-bottom:10px;position:relative;transition:all .2s ease;width:40px}.activity-btn:hover{background:#e5e5e5;background:var(--vscode-hover);color:#383a42;color:var(--vscode-text)}.activity-btn.active{background:#e4e6f1;background:var(--vscode-active);color:#005fb8;color:var(--vscode-accent)}.activity-btn.active:before{background:#005fb8;background:var(--vscode-accent);border-radius:1px;content:"";height:20px;left:-3px;position:absolute;top:50%;transform:translateY(-50%);width:2px}.devtools-sidebar{background:#f3f3f3;background:var(--vscode-sidebar);display:flex;flex-direction:column;height:calc(100vh - 100px);overflow:hidden;position:fixed;top:100px;z-index:9}.sidebar-header{background:#fff;background:var(--vscode-tab-active);color:#383a42;color:var(--vscode-text);font-size:.85rem;font-weight:600;gap:8px;letter-spacing:1px;text-transform:uppercase}.sidebar-content{flex:1 1;overflow-y:auto;padding:16px}.devtools-search{background:#fff;background:var(--vscode-input-bg);border:1px solid #e5e5e5;border:1px solid var(--vscode-border);border-radius:4px;color:#383a42;color:var(--vscode-text);font-family:inherit;font-size:.85rem;margin-bottom:16px;padding:8px 12px;transition:all .2s ease;width:100%}.devtools-search:focus{border-color:#005fb8;border-color:var(--vscode-accent);box-shadow:0 0 0 1px #005fb8;box-shadow:0 0 0 1px var(--vscode-accent);outline:none}.devtools-search::placeholder{color:#a0a1a7;color:var(--vscode-text-muted)}.category-tree{list-style:none;margin:0;padding:0}.category-item{margin-bottom:8px}.category-header{align-items:center;border-radius:4px;color:#383a42;color:var(--vscode-text);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:6px 8px;transition:all .2s ease}.category-header:hover{background:#e5e5e5;background:var(--vscode-hover)}.category-header.active{background:#e4e6f1;background:var(--vscode-active);color:#005fb8;color:var(--vscode-accent)}.category-chevron{color:#a0a1a7;color:var(--vscode-text-muted);font-size:.7rem;transition:transform .2s ease}.category-item.expanded .category-chevron{transform:rotate(90deg)}.category-icon{font-size:1rem}.devtools-editor{background:#fff;background:var(--vscode-editor);min-height:calc(100vh - 120px);padding:20px;position:relative;z-index:1}.editor-tabs{margin:-20px -20px 20px;overflow-x:auto}.editor-tab,.editor-tabs{background:#ececec;background:var(--vscode-tab-inactive)}.editor-tab{align-items:center;border-right:1px solid #e5e5e5;border-right:1px solid var(--vscode-border);color:#a0a1a7;color:var(--vscode-text-muted);cursor:pointer;display:flex;font-size:.85rem;gap:8px;padding:10px 16px;position:relative;transition:all .2s ease;white-space:nowrap}.editor-tab:hover{background:#e5e5e5;background:var(--vscode-hover)}.editor-tab.active,.editor-tab:hover{color:#383a42;color:var(--vscode-text)}.editor-tab.active{background:#fff;background:var(--vscode-tab-active)}.editor-tab.active:after{background:#005fb8;background:var(--vscode-accent);bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.vscode-tools-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:24px}.vscode-tool-card{background:var(--vscode-card-bg);cursor:pointer;overflow:hidden;padding:20px}.vscode-tool-card:before{background:linear-gradient(90deg,#005fb8,#0078d4 50%,#005fb8);background:linear-gradient(90deg,var(--vscode-accent) 0,var(--vscode-accent-secondary) 50%,var(--vscode-accent) 100%);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.vscode-tool-card:hover{border-color:#005fb8;border-color:var(--vscode-accent);box-shadow:0 8px 32px #007aff33,0 0 0 1px #007aff1a;transform:translateY(-4px)}.vscode-tool-card:hover:before{transform:scaleX(1)}.vscode-tool-card.featured{background:linear-gradient(135deg,#005fb81a,#fff);background:linear-gradient(135deg,var(--vscode-accent-alpha-10) 0,var(--vscode-card-bg) 100%);border-color:#005fb8;border-color:var(--vscode-accent)}.vscode-tool-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.vscode-tool-logo{font-size:2rem;transition:transform .3s ease}.vscode-tool-card:hover .vscode-tool-logo{transform:scale(1.1) rotate(5deg)}.vscode-tool-info h3{align-items:center;color:#383a42;color:var(--vscode-text);display:flex;font-size:1.3rem;font-weight:600;gap:8px;margin:0 0 4px}.vscode-tool-type{background:#c8c8c8;background:var(--vscode-badge-bg);border-radius:12px;color:#a0a1a7;color:var(--vscode-text-muted);font-size:.75rem;font-weight:500;padding:2px 8px;text-transform:uppercase}.vscode-tool-description{color:#696c77;color:var(--vscode-text-secondary);line-height:1.5;margin-bottom:16px}.vscode-tool-features{margin-bottom:16px}.vscode-features-title{align-items:center;color:#383a42;color:var(--vscode-text);display:flex;font-size:.85rem;font-weight:600;gap:6px;margin-bottom:8px}.vscode-features-list{display:flex;flex-wrap:wrap;gap:6px}.vscode-feature-tag{background:#e1f5fe;background:var(--vscode-tag-bg);border:1px solid #b3e5fc;border:1px solid var(--vscode-tag-border);border-radius:4px;color:#01579b;color:var(--vscode-tag-text);font-size:.75rem;padding:4px 8px}.vscode-tool-actions{display:flex;gap:12px;margin-top:auto}.vscode-btn{align-items:center;background:#005fb8;background:var(--vscode-button-bg);border:1px solid #e5e5e5;border:1px solid var(--vscode-border);border-radius:4px;color:#383a42;color:var(--vscode-text);cursor:pointer;display:flex;font-family:inherit;font-size:.85rem;font-weight:500;gap:6px;padding:8px 16px;text-decoration:none;transition:all .2s ease}.vscode-btn:hover{background:#0078d4;background:var(--vscode-button-hover)}.vscode-btn-primary,.vscode-btn:hover{border-color:#005fb8;border-color:var(--vscode-accent)}.vscode-btn-primary{background:#005fb8;background:var(--vscode-accent);color:#fff}.vscode-btn-primary:hover{background:#004578;background:var(--vscode-accent-hover);box-shadow:0 4px 12px #007aff4d;transform:translateY(-1px)}.vscode-status-bar{align-items:center;background:#005fb8;background:var(--vscode-status-bar);border-top:1px solid #e5e5e5;border-top:1px solid var(--vscode-border);bottom:0;color:#a0a1a7;color:var(--vscode-text-muted);display:flex;font-size:.75rem;height:24px;left:0;padding:0 16px;position:fixed;right:0;z-index:10}.status-item{align-items:center;display:flex;gap:4px;margin-right:16px}.activity-bar-items{display:flex;flex-direction:column;gap:8px}.activity-item{align-items:center;border-radius:6px;color:#a0a1a7;color:var(--vscode-text-muted);cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all .2s ease;width:40px}.activity-item:hover{background:#e5e5e5;background:var(--vscode-hover);color:#383a42;color:var(--vscode-text)}.activity-item.active{background:#e4e6f1;background:var(--vscode-active);color:var(--vscode-text-accent)}.activity-item.active:before{background:var(--vscode-text-accent);border-radius:1px;content:"";height:20px;left:-3px;position:absolute;top:50%;transform:translateY(-50%);width:2px}.devtools-sidebar{background:var(--vscode-sidebar-bg);border-right:1px solid #e5e5e5;border-right:1px solid var(--vscode-border);left:60px;position:absolute;top:0;width:280px}.sidebar-header{align-items:center;background:var(--vscode-tab-inactive-bg);border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--vscode-border);display:flex;justify-content:space-between;padding:12px 16px}.sidebar-title{color:#383a42;color:var(--vscode-text);font-size:.85rem;font-weight:600;letter-spacing:1px;margin:0;text-transform:uppercase}.sidebar-controls{display:flex;gap:4px}.sidebar-btn{align-items:center;background:#0000;border:none;border-radius:3px;color:#a0a1a7;color:var(--vscode-text-muted);cursor:pointer;display:flex;font-size:.75rem;height:20px;justify-content:center;transition:all .2s ease;width:20px}.sidebar-btn:hover{background:#e5e5e5;background:var(--vscode-hover);color:#383a42;color:var(--vscode-text)}.sidebar-tree{flex:1 1;overflow-y:auto;padding:8px}.tree-folder{cursor:pointer;margin-bottom:4px}.folder-header{align-items:center;border-radius:4px;color:#383a42;color:var(--vscode-text);display:flex;font-size:.85rem;gap:8px;padding:6px 8px;transition:all .2s ease}.tree-folder:hover .folder-header{background:#e5e5e5;background:var(--vscode-hover)}.tree-folder.expanded .folder-header{background:#e4e6f1;background:var(--vscode-active);color:var(--vscode-text-accent)}.folder-icon{font-size:1rem}.folder-name{flex:1 1;font-weight:500}.folder-count{background:#a0a1a7;background:var(--vscode-text-muted);border-radius:10px;color:#fff;color:var(--vscode-bg);font-size:.7rem;font-weight:600;padding:1px 6px}.devtools-editor{background:var(--vscode-editor-bg);margin-left:340px}.editor-tabs{border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--vscode-border)}.editor-tabs,.tab{background:var(--vscode-tab-inactive-bg);display:flex}.tab{align-items:center;border-right:1px solid #e5e5e5;border-right:1px solid var(--vscode-border);color:#696c77;color:var(--vscode-text-secondary);cursor:pointer;font-size:.85rem;gap:8px;padding:10px 16px;position:relative;transition:all .2s ease;white-space:nowrap}.tab:hover{background:#e5e5e5;background:var(--vscode-hover)}.tab.active,.tab:hover{color:#383a42;color:var(--vscode-text)}.tab.active{background:var(--vscode-tab-active-bg)}.tab.active:after{background:var(--vscode-text-accent);bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.tab-close,.tab-icon{font-size:1rem}.tab-close{align-items:center;background:none;border:none;border-radius:3px;color:#a0a1a7;color:var(--vscode-text-muted);cursor:pointer;display:flex;height:16px;justify-content:center;padding:0;transition:all .2s ease;width:16px}.tab-close:hover{background:#e5e5e5;background:var(--vscode-hover);color:#383a42;color:var(--vscode-text)}.editor-content{flex:1 1;padding:20px}.editor-header{border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--vscode-border);margin-bottom:24px;padding-bottom:16px}.breadcrumb{align-items:center;color:#696c77;color:var(--vscode-text-secondary);display:flex;font-size:.85rem;gap:8px;margin-bottom:16px}.crumb{cursor:pointer;transition:color .2s ease}.crumb:hover:not(.current){color:#383a42;color:var(--vscode-text)}.crumb.current{color:var(--vscode-text-accent);font-weight:600}.separator{color:#a0a1a7;color:var(--vscode-text-muted)}.editor-toolbar{align-items:center;display:flex;gap:16px}.vscode-input{background:#fff;background:var(--vscode-input-bg);border:1px solid var(--vscode-input-border);border-radius:4px;color:#383a42;color:var(--vscode-text);font-family:inherit;font-size:.85rem;min-width:300px;padding:8px 12px;transition:all .2s ease}.vscode-input:focus{border-color:var(--vscode-text-accent);box-shadow:0 0 0 1px var(--vscode-input-focus);outline:none}.vscode-input::placeholder{color:#a0a1a7;color:var(--vscode-text-muted)}.vscode-select{background:#fff;background:var(--vscode-input-bg);border:1px solid var(--vscode-input-border);border-radius:4px;color:#383a42;color:var(--vscode-text);cursor:pointer;font-family:inherit;font-size:.85rem;padding:8px 12px;transition:all .2s ease}.vscode-select:focus{border-color:var(--vscode-text-accent);box-shadow:0 0 0 1px var(--vscode-input-focus);outline:none}.code-editor-content{background:var(--vscode-editor-bg);border:1px solid #e5e5e5;border:1px solid var(--vscode-border);border-radius:8px;display:flex;font-family:Fira Code,Monaco,Cascadia Code,Roboto Mono,monospace;overflow:hidden}.line-numbers{background:var(--vscode-sidebar-bg);border-right:1px solid #e5e5e5;border-right:1px solid var(--vscode-border);color:#a0a1a7;color:var(--vscode-text-muted);font-size:.85rem;line-height:1.5;min-width:40px;padding:16px 8px;text-align:right;-webkit-user-select:none;user-select:none}.line-number{margin-bottom:8px}.code-content{background:var(--vscode-editor-bg);flex:1 1;padding:16px}.code-line{font-size:.85rem;line-height:1.5;margin-bottom:8px}.syntax-comment{color:var(--vscode-comment)}.syntax-keyword{color:var(--vscode-keyword)}.syntax-variable{color:var(--vscode-variable)}.syntax-operator{color:#383a42;color:var(--vscode-text)}.syntax-string{color:var(--vscode-string)}.syntax-type{color:var(--vscode-type)}.vscode-tool-card{background:#fff;background:var(--vscode-input-bg);border:1px solid #e5e5e5;border:1px solid var(--vscode-border);border-radius:8px;margin-bottom:16px;padding:16px;position:relative;transition:all .3s ease}.vscode-tool-card:hover{border-color:var(--vscode-text-accent);box-shadow:0 4px 20px #58a6ff26;transform:translateY(-2px)}.tool-details{margin-top:12px}.tool-header{justify-content:space-between;margin-bottom:12px}.tool-header,.tool-meta{align-items:center;display:flex}.tool-meta{gap:12px}.tool-logo{font-size:1.5rem}.tool-name{color:#383a42;color:var(--vscode-text);font-size:1.1rem;font-weight:600}.featured-badge{background:var(--vscode-text-warning);border-radius:4px;color:#fff;color:var(--vscode-bg);font-size:.7rem;font-weight:600;padding:2px 8px}.vscode-button{background:var(--vscode-button-primary);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 16px;text-decoration:none;transition:all .2s ease}.vscode-button:hover{background:var(--vscode-button-primary-hover);box-shadow:0 4px 12px #2386364d;transform:translateY(-1px)}.tool-info{color:#696c77;color:var(--vscode-text-secondary);font-size:.85rem;line-height:1.5}.tool-info strong{color:#383a42;color:var(--vscode-text)}.extensions ul{margin:4px 0 0 16px}.extensions ul,.no-results-code{color:#a0a1a7;color:var(--vscode-text-muted)}.no-results-code{padding:20px;text-align:center}.devtools-statusbar{align-items:center;background:var(--vscode-statusbar-bg);border-top:1px solid #e5e5e5;border-top:1px solid var(--vscode-border);color:#a0a1a7;color:var(--vscode-text-muted);display:flex;font-size:.75rem;height:24px;justify-content:space-between;margin-top:auto;padding:0 16px}.status-left,.status-right{display:flex;gap:16px}.status-item{cursor:pointer;transition:color .2s ease}.status-item:hover{color:#383a42;color:var(--vscode-text)}*{scroll-behavior:smooth}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}article,aside,div,footer,header,main,nav,section{background:#0000;color:inherit}.app-container{background:#fff;background:var(--background-primary);display:flex;flex-direction:column;min-height:100vh;position:relative}.page-container{margin:0 auto;max-width:1400px;min-height:calc(100vh - 140px);padding:0 24px}.main-content,.page-container{display:flex;flex:1 1;flex-direction:column;width:100%}.main-content{align-items:center;padding:40px 0}.content-wrapper{margin:0 auto}.content-wrapper,.section-container{align-items:center;display:flex;flex-direction:column;max-width:1200px;width:100%}.section-container{margin:0 auto 40px;padding:0 20px}.card-grid-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:0 auto;max-width:1200px;padding:0 20px;width:100%}.full-width-container{align-items:center;display:flex;flex-direction:column;width:100%}.flex-center,.flex-center-column{align-items:center;display:flex;justify-content:center}.flex-center-column{flex-direction:column}.flex-center-between{align-items:center;display:flex;justify-content:space-between}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.responsive-container{margin:0 auto;max-width:1400px;padding:0 24px;width:100%}.responsive-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));width:100%}.responsive-flex{align-items:flex-start;display:flex;flex-wrap:wrap;gap:24px;justify-content:center}@media (max-width:768px){.page-container{min-height:calc(100vh - 120px);padding:0 16px}.main-content{padding:20px 0}.section-container{margin-bottom:24px;padding:0 10px}.card-grid-container{gap:16px;grid-template-columns:1fr;padding:0 10px}.responsive-container{padding:0 16px}.responsive-flex{gap:16px}}.auto-center-page{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:1400px;min-height:calc(100vh - 140px);padding:40px 24px;width:100%}.center-container{margin:0 auto;max-width:1200px;padding:0 20px;width:100%}.full-section{display:flex;justify-content:center;padding:40px 0;width:100%}.centered-header{margin:0 auto 40px;max-width:800px;padding:0 20px;text-align:center}.dashboard-layout{margin:0 auto;max-width:1400px;min-height:calc(100vh - 140px);padding:24px;width:100%}.center-grid{display:grid;justify-items:center}.center-flex,.center-grid{margin:0 auto;max-width:1200px;padding:0 20px;width:100%}.center-flex{align-items:center;display:flex;justify-content:center}@media (max-width:768px){.auto-center-page{padding:20px 16px}.center-container,.center-flex,.center-grid{padding:0 16px}.centered-header{margin-bottom:24px;padding:0 16px}.dashboard-layout{padding:16px}.full-section{padding:24px 0}}@media (max-width:480px){.page-container{padding:0 12px}.section-container{padding:0 5px}.card-grid-container{gap:12px;padding:0 5px}}.btn,.button,button,input[type=button],input[type=submit]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#8a2be2,gold);background:var(--gradient-primary);border:2px solid gold;border:2px solid var(--primary-gold);border-radius:12px;box-shadow:0 4px 6px #0000000d,0 10px 15px #8a2be21a;box-shadow:var(--shadow-md);color:#fff;color:var(--btn-primary-color);cursor:pointer;font-size:.95rem;font-weight:600;letter-spacing:.025em;overflow:hidden;padding:12px 24px;position:relative;transform:translateY(0);transition:all .3s cubic-bezier(.4,0,.2,1)}.btn:before,button:before{background:linear-gradient(90deg,#0000,#e5e5e5,#0000);background:linear-gradient(90deg,#0000,var(--silver-light),#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%;z-index:1}.btn:hover,.button:hover,button:hover,input[type=button]:hover,input[type=submit]:hover{background:linear-gradient(135deg,#8a2be2,silver 25%,gold 50%,silver 75%,#8a2be2);background:var(--gradient-premium);border-color:silver;border-color:var(--silver);box-shadow:0 20px 25px #0000001a,0 25px 50px #8a2be226,0 0 0 1px #ffd7004d,0 0 20px #ffd70066;box-shadow:var(--shadow-xl),var(--shadow-glow);transform:translateY(-2px) scale(1.02)}.btn:hover:before,button:hover:before{left:100%}.btn:active,button:active{box-shadow:0 2px 4px #0000000f,0 2px 6px #8a2be212;box-shadow:var(--shadow-sm);transform:translateY(0) scale(.98)}.btn-outline,.btn-secondary{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffffe6;background:var(--glass-bg);border:2px solid silver;border:2px solid var(--silver);color:#8a2be2;color:var(--primary-purple)}.btn-outline:hover,.btn-secondary:hover{background:linear-gradient(135deg,#e5e4e2,silver 50%,#e5e5e5);background:var(--gradient-silver);border-color:gold;border-color:var(--primary-gold);box-shadow:0 4px 14px #8a2be240,0 0 0 1px #8a2be21a;box-shadow:var(--shadow-purple);color:#8a2be2;color:var(--primary-purple)}.btn-gold{background:linear-gradient(135deg,gold,orange);background:var(--gradient-gold);border:2px solid silver;border:2px solid var(--silver);box-shadow:0 4px 14px #ffd70040,0 0 0 1px #ffd7001a;box-shadow:var(--shadow-gold);color:#36454f;color:var(--charcoal)}.btn-gold:hover{background:linear-gradient(135deg,#36454f,silver 30%,gold 70%,silver);background:var(--gradient-metallic);box-shadow:0 25px 50px #00000026,0 30px 60px #8a2be233,0 0 0 1px #ffd7004d,0 0 20px #ffd70066;box-shadow:var(--shadow-2xl),var(--shadow-glow);color:#fff;color:var(--primary-white);transform:translateY(-3px) scale(1.05)}input,select,textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;background:var(--glass-bg);border:2px solid #999;border:2px solid var(--silver-dark);border-radius:10px;box-shadow:0 2px 4px #0000000f,0 2px 6px #8a2be212;box-shadow:var(--shadow-sm);color:#8a2be2;color:var(--input-color);font-size:.95rem;font-weight:500;padding:14px 18px;transition:all .3s cubic-bezier(.4,0,.2,1)}input:focus,select:focus,textarea:focus{background:#fff;background:var(--surface-color);border-color:gold;border-color:var(--primary-gold);box-shadow:0 0 0 3px #ffd7001a,0 4px 6px #0000000d,0 10px 15px #8a2be21a;box-shadow:0 0 0 3px #ffd7001a,var(--shadow-md);outline:none;transform:translateY(-1px)}input:hover,select:hover,textarea:hover{border-color:silver;border-color:var(--silver);box-shadow:0 4px 6px #0000000d,0 10px 15px #8a2be21a;box-shadow:var(--shadow-md)}input::placeholder,textarea::placeholder{color:#999;color:var(--silver-dark);font-style:italic;opacity:.7}.input-gold{background:linear-gradient(135deg,#fff,#f8f6f0);background:linear-gradient(135deg,var(--surface-color),var(--pearl));border:2px solid gold;border:2px solid var(--primary-gold)}.input-silver{background:linear-gradient(135deg,#e5e4e2,silver 50%,#e5e5e5);background:var(--gradient-silver);border:2px solid silver;border:2px solid var(--silver)}.card,.network-card,.panel,.portfolio-card,.presidential-network-card,.surface,.trading-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;background:var(--glass-bg);border:1px solid #e5e5e5;border:1px solid var(--silver-light);border-radius:16px;box-shadow:0 10px 15px #0000001a,0 20px 25px #8a2be21a;box-shadow:var(--shadow-lg);color:#8a2be2;color:var(--card-color);overflow:hidden;padding:24px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.card:before,.network-card:before,.panel:before,.portfolio-card:before,.presidential-network-card:before,.surface:before,.trading-card:before{background:linear-gradient(135deg,#8a2be2,silver 25%,gold 50%,silver 75%,#8a2be2);background:var(--gradient-premium);content:"";height:2px;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.card:hover,.network-card:hover,.panel:hover,.portfolio-card:hover,.presidential-network-card:hover,.surface:hover,.trading-card:hover{background:#fff;background:var(--surface-color);border-color:gold;border-color:var(--primary-gold);box-shadow:0 25px 50px #00000026,0 30px 60px #8a2be233,0 0 40px #8a2be21a;box-shadow:var(--shadow-2xl),0 0 40px #8a2be21a;transform:translateY(-4px) scale(1.02)}.card:hover:before,.network-card:hover:before,.panel:hover:before,.portfolio-card:hover:before,.presidential-network-card:hover:before,.surface:hover:before,.trading-card:hover:before{opacity:1}.card-premium{background:linear-gradient(135deg,#e5e4e2,silver 50%,#e5e5e5);background:var(--gradient-silver);border:2px solid gold;border:2px solid var(--primary-gold);box-shadow:0 4px 14px #ffd70040,0 0 0 1px #ffd7001a,0 20px 25px #0000001a,0 25px 50px #8a2be226;box-shadow:var(--shadow-gold),var(--shadow-xl)}.card-gold{background:linear-gradient(135deg,gold,#ffc107);background:linear-gradient(135deg,var(--primary-gold),var(--accent-gold));border:2px solid silver;border:2px solid var(--silver);color:#36454f;color:var(--charcoal)}.card-silver{background:linear-gradient(135deg,#36454f,silver 30%,gold 70%,silver);background:var(--gradient-metallic);border:2px solid #e5e4e2;border:2px solid var(--platinum);color:#fff;color:var(--primary-white)}.menu,.navbar,.navigation,nav{background:#fff;background:var(--nav-bg);border-color:#8a2be233;border-color:var(--nav-border);color:#8a2be2;color:var(--nav-color)}.menu-item,.nav-link{color:#8a2be2;color:var(--nav-link-color);text-decoration:none;transition:all .2s ease}.menu-item:hover,.nav-link:hover{background:#8a2be2;background:var(--nav-link-hover-bg);color:#fff;color:var(--nav-link-hover-color)}.menu-item.active,.nav-link.active{background:#8a2be2;background:var(--nav-active-bg);color:#fff;color:var(--nav-active-color)}.dialog,.modal,.modal-content,.popup{background:#fff;background:var(--modal-bg);border:1px solid #8a2be233;border:1px solid var(--modal-border);color:#8a2be2;color:var(--modal-color)}.modal-overlay,.overlay{background:#0009;background:var(--modal-overlay)}h1,h2,h3,h4,h5,h6{color:#8a2be2;color:var(--heading-color);margin:0 0 1rem}.subheading,.subtitle{color:#6a1b9a;color:var(--subheading-color)}.paragraph,.text,p{color:#8a2be2;color:var(--paragraph-color);margin:0 0 1rem}.caption,.small,small{color:#8a2be299;color:var(--caption-color)}a{color:gold;color:var(--link-color);text-decoration:none;transition:color .2s ease}a:hover{color:#8a2be2;color:var(--link-hover-color)}.success{background:#10b9811a;background:var(--success-bg);border-color:#10b9814d;border-color:var(--success-border);color:#10b981;color:var(--success-color)}.warning{background:#f59e0b1a;background:var(--warning-bg);border-color:#f59e0b4d;border-color:var(--warning-border);color:#f59e0b;color:var(--warning-color)}.danger,.error{background:#ef44441a;background:var(--error-bg);border-color:#ef44444d;border-color:var(--error-border);color:#ef4444;color:var(--error-color)}.info{background:#3b82f61a;background:var(--info-bg);border-color:#3b82f64d;border-color:var(--info-border);color:#3b82f6;color:var(--info-color)}.bg-primary{background:#fff;background:var(--background-primary)}.bg-secondary{background:#fafafa;background:var(--background-secondary)}.bg-surface{background:#fff;background:var(--surface-color)}.text-primary{color:#8a2be2;color:var(--text-primary)}.text-secondary{color:#6a1b9a;color:var(--text-secondary)}.text-muted{color:#8a2be299;color:var(--text-muted)}.text-gold{color:gold;color:var(--text-gold)}.border-primary{border-color:#8a2be233;border-color:var(--border-color)}.border-gold{border-color:#ffd7004d;border-color:var(--border-gold)}.transition-fast{transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.transition-normal{transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.transition-bounce{transition:all .3s cubic-bezier(.68,-.55,.265,1.55);transition:all var(--transition-bounce)}@media (max-width:768px){.space-mobile{padding:1rem;padding:var(--space-sm)}.text-mobile{font-size:.875rem}.card-mobile{margin:1rem 0;margin:var(--space-sm) 0;padding:1rem;padding:var(--space-sm)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%,to{box-shadow:0 10px 15px #0000001a,0 20px 25px #8a2be21a;box-shadow:var(--shadow-lg)}50%{box-shadow:0 0 0 1px #ffd7004d,0 0 20px #ffd70066,0 25px 50px #00000026,0 30px 60px #8a2be233;box-shadow:var(--shadow-glow),var(--shadow-2xl)}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(2deg)}}@keyframes goldGlow{0%,to{text-shadow:0 0 10px #ffd7004d}50%{text-shadow:0 0 20px #ffd700cc,0 0 30px #ffd70066}}@keyframes purpleGlow{0%,to{text-shadow:0 0 10px #8a2be24d}50%{text-shadow:0 0 20px #8a2be2cc,0 0 30px #8a2be266}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-fadeIn{animation:fadeIn .6s cubic-bezier(.4,0,.2,1) forwards}.animate-slideUp{animation:slideUp .8s cubic-bezier(.4,0,.2,1) forwards}.animate-glow{animation:glow 2s ease-in-out infinite alternate}.animate-float{animation:float 3s ease-in-out infinite}.animate-shimmer{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000 30%,#fff6 50%,#0000 70%);background-size:200% 100%}.text-glow-gold{animation:goldGlow 2s ease-in-out infinite alternate}.text-glow-purple{animation:purpleGlow 2s ease-in-out infinite alternate}.text-gradient-gold{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,orange);background:var(--gradient-gold);-webkit-background-clip:text;background-clip:text}.text-gradient-purple{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8a2be2,#9932cc);background:var(--gradient-purple);-webkit-background-clip:text;background-clip:text}.text-gradient-premium{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8a2be2,silver 25%,gold 50%,silver 75%,#8a2be2);background:var(--gradient-premium);-webkit-background-clip:text;background-clip:text}.bg-glass{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;background:var(--glass-bg)}.bg-premium{background:linear-gradient(135deg,#8a2be2,silver 25%,gold 50%,silver 75%,#8a2be2);background:var(--gradient-premium)}.bg-metallic{background:linear-gradient(135deg,#36454f,silver 30%,gold 70%,silver);background:var(--gradient-metallic)}.bg-royal{background:linear-gradient(135deg,#8a2be2,gold 50%,#8a2be2);background:var(--gradient-royal)}.hover-lift{transition:all .3s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{box-shadow:0 20px 25px #0000001a,0 25px 50px #8a2be226;box-shadow:var(--shadow-xl);transform:translateY(-4px) scale(1.02)}.hover-glow{transition:all .3s ease}.hover-glow:hover{border-color:gold;border-color:var(--primary-gold);box-shadow:0 0 0 1px #ffd7004d,0 0 20px #ffd70066;box-shadow:var(--shadow-glow)}.hover-gold{transition:all .3s ease}.hover-gold:hover{background:linear-gradient(135deg,gold,orange);background:var(--gradient-gold);color:#36454f;color:var(--charcoal);transform:scale(1.05)}.border-gradient-gold{border:2px solid;border-image:linear-gradient(135deg,gold,orange) 1;border-image:var(--gradient-gold) 1}.border-gradient-purple{border:2px solid;border-image:linear-gradient(135deg,#8a2be2,#9932cc) 1;border-image:var(--gradient-purple) 1}.border-premium{border:2px solid;border-image:linear-gradient(135deg,#8a2be2,silver 25%,gold 50%,silver 75%,#8a2be2) 1;border-image:var(--gradient-premium) 1}.glass-card{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#ffffff1a;border:1px solid #fff3;box-shadow:0 8px 32px #0000001a}.shadow-premium{box-shadow:0 20px 25px #0000001a,0 25px 50px #8a2be226,0 0 0 1px #ffd7004d,0 0 20px #ffd70066;box-shadow:var(--shadow-xl),var(--shadow-glow)}.shadow-gold{box-shadow:0 4px 14px #ffd70040,0 0 0 1px #ffd7001a;box-shadow:var(--shadow-gold)}.shadow-purple{box-shadow:0 4px 14px #8a2be240,0 0 0 1px #8a2be21a;box-shadow:var(--shadow-purple)}.shadow-glass{box-shadow:0 25px 50px #0000001a,0 0 0 1px #ffffff1a}.blockchain-ticker{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fff;background:var(--surface-color);border:1px solid #e5e5e5;border:1px solid var(--silver-light);border-radius:12px;box-shadow:0 4px 6px #0000000d,0 10px 15px #8a2be21a;box-shadow:var(--shadow-md);margin:20px 0;overflow:hidden;position:relative;width:100%}.blockchain-ticker:before{background:linear-gradient(135deg,#8a2be2,silver 25%,gold 50%,silver 75%,#8a2be2);background:var(--gradient-premium);content:"";height:2px;left:0;position:absolute;top:0;width:100%;z-index:1}.ticker-container{height:60px;overflow:hidden;padding:0;position:relative}.ticker-track{align-items:center;animation:tickerScroll 45s linear infinite;display:flex;gap:2rem;height:100%;padding:0 1rem}@keyframes tickerScroll{0%{transform:translateX(0)}to{transform:translateX(-33.333%)}}.ticker-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;background:var(--glass-bg);border:1px solid #999;border:1px solid var(--silver-dark);border-radius:8px;display:flex;flex-shrink:0;gap:12px;min-width:180px;padding:8px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.ticker-item:hover{background:#fff;background:var(--surface-color);border-color:gold;border-color:var(--primary-gold);box-shadow:0 4px 6px #0000000d,0 10px 15px #8a2be21a;box-shadow:var(--shadow-md);transform:scale(1.02)}.ticker-logo{align-items:center;background:linear-gradient(135deg,#e5e4e2,silver 50%,#e5e5e5);background:var(--gradient-silver);border-radius:50%;box-shadow:0 2px 4px #0000000f,0 2px 6px #8a2be212;box-shadow:var(--shadow-sm);display:flex;flex-shrink:0;height:32px;justify-content:center;overflow:hidden;width:32px}.ticker-logo img{height:100%;object-fit:cover;width:100%}.ticker-info{display:flex;flex-direction:column;gap:2px;min-width:120px}.ticker-left{align-items:center;display:flex;gap:8px}.ticker-symbol{color:#8a2be2;color:var(--text-primary);font-size:.85rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.ticker-price{color:#8a2be2;color:var(--primary-purple);font-size:.9rem}.ticker-change,.ticker-price{font-family:JetBrains Mono,SF Mono,Monaco,monospace;font-family:var(--font-accent);font-weight:600}.ticker-change{font-size:.7rem;letter-spacing:.25px}.ticker-change-positive{color:#10b981;color:var(--success);text-shadow:0 0 10px #10b9814d}.ticker-change-negative{color:#ef4444;color:var(--error);text-shadow:0 0 10px #ef44444d}.ticker-loading{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffffe6;background:var(--glass-bg);border:1px solid #e5e5e5;border:1px solid var(--silver-light);border-radius:12px;display:flex;gap:12px;justify-content:center;margin:20px 0;padding:20px}.ticker-loading-spinner{animation:spin 1s linear infinite;border:2px solid #e5e5e5;border-top:2px solid gold;border:2px solid var(--silver-light);border-radius:50%;border-top-color:var(--primary-gold);height:24px;width:24px}.ticker-error{align-items:center;background:#ef44441a;background:var(--error-bg);border:1px solid #ef44444d;border:1px solid var(--error-border);border-radius:8px;color:#ef4444;color:var(--error-color);display:flex;font-size:.9rem;font-weight:500;gap:8px;justify-content:center;margin:20px 0;padding:16px}@media (max-width:768px){.ticker-track{gap:1.5rem;padding:0 .5rem}.ticker-item{min-width:160px;padding:6px 12px}.ticker-logo{height:28px;width:28px}.ticker-symbol{font-size:.7rem}.ticker-price{font-size:.85rem}.ticker-change{font-size:.75rem}}.presidential-overview{align-items:center;background:#fff;background:var(--background-primary);display:flex;flex-direction:column;min-height:100vh;padding:0;width:100%}.container{box-sizing:border-box!important;margin:0 auto!important;max-width:1400px!important;padding:0 24px!important;width:100%!important}.presidential-overview{box-sizing:border-box!important;margin:0!important;padding:0!important;width:100vw!important}.presidential-overview .container{background:#ff00001a!important;border:2px solid red!important}.stats-bar,.stats-bar-clean{background:#fff;background:var(--surface-color);padding:20px 0;width:100%}.stats-content{flex-wrap:wrap;gap:32px;justify-content:center;width:100%}.stat-item,.stats-content{align-items:center;display:flex}.stat-item{flex-direction:column;min-width:120px;text-align:center}.stat-label{color:#8a2be299;color:var(--text-muted);font-size:.85rem;margin-bottom:4px}.stat-value{color:gold;color:var(--primary-gold);font-size:1.25rem}.stat-live{color:#10b981;color:var(--success)}.controls-section{padding:20px 0;width:100%}.controls-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;width:100%}.search-input{align-items:center;background:#fff;background:var(--surface-color);border:1px solid #8a2be233;border:1px solid var(--border-color);border-radius:12px;display:flex;min-width:200px;padding:.5rem 1rem}.search-icon{margin-right:.5rem;opacity:.6}.search-input-field{background:none;border:none;color:#8a2be2;color:var(--text-primary);outline:none;width:100%}.category-filters{display:flex;flex-wrap:wrap;gap:.5rem}.filter-btn{align-items:center;background:#fff;background:var(--surface-color);border:1px solid #8a2be233;border:1px solid var(--border-color);border-radius:8px;color:#8a2be2;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.25rem;padding:.5rem 1rem;transition:all .2s ease}.filter-btn.active{background:#8a2be21a;background:var(--primary-purple-light);border:2px solid gold;border:2px solid var(--primary-gold);color:#8a2be2;color:var(--primary-purple);font-weight:600}.filter-btn:hover{background:var(--glass-hover-bg);border-color:gold;border-color:var(--primary-gold)}.sort-select{background:#fff;background:var(--surface-color);border:1px solid #8a2be233;border:1px solid var(--border-color);border-radius:8px;color:#8a2be2;color:var(--text-primary);cursor:pointer;min-width:120px;padding:.5rem 1rem}.presidential-overview-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;background:var(--glass-bg);border:1px solid #e5e5e5;border:1px solid var(--silver-light);border-radius:16px;box-shadow:0 10px 15px #0000001a,0 20px 25px #8a2be21a;box-shadow:var(--shadow-lg);margin:32px auto;max-width:800px;padding:24px;text-align:center}.presidential-title{-webkit-text-fill-color:#0000;animation:textGlow 3s ease-in-out infinite alternate;background:linear-gradient(135deg,#8a2be2,silver 25%,gold 50%,silver 75%,#8a2be2);background:var(--gradient-premium);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin-bottom:8px}.presidential-subtitle{color:#6a1b9a;color:var(--text-secondary);font-size:1.1rem;font-weight:500;opacity:.9}.networks-grid,.presidential-networks-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));width:100%}.networks-section{padding:40px 0;width:100%}.loading-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));width:100%}.empty-state,.error-message{margin:0 auto;max-width:600px;padding:60px 20px;text-align:center}.empty-icon{font-size:4rem;margin-bottom:20px;opacity:.6}.presidential-network-card,.presidential-network-card-fixed{animation:fadeInUp .6s ease-out forwards;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;background:var(--glass-bg);border:1px solid #e5e5e5;border:1px solid var(--silver-light);border-radius:16px;box-shadow:0 10px 15px #0000001a,0 20px 25px #8a2be21a;box-shadow:var(--shadow-lg);opacity:0;overflow:hidden;padding:24px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.presidential-network-card-fixed:before,.presidential-network-card:before{background:linear-gradient(135deg,#8a2be2,silver 25%,gold 50%,silver 75%,#8a2be2);background:var(--gradient-premium);content:"";height:3px;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.presidential-network-card-fixed:hover,.presidential-network-card:hover{background:#fff;background:var(--surface-color);border-color:gold;border-color:var(--primary-gold);box-shadow:0 25px 50px #00000026,0 30px 60px #8a2be233,0 0 40px #8a2be226;box-shadow:var(--shadow-2xl),0 0 40px #8a2be226;transform:translateY(-6px) scale(1.02)}.presidential-network-card-fixed:hover:before,.presidential-network-card:hover:before{opacity:1}.card-header{align-items:center;border-bottom:1px solid #8a2be233;border-bottom:1px solid var(--border-color);display:flex;gap:16px;margin-bottom:20px;padding-bottom:16px}.network-icon{border:2px solid gold;border:2px solid var(--primary-gold);border-radius:50%;box-shadow:0 4px 6px #0000000d,0 10px 15px #8a2be21a;box-shadow:var(--shadow-md);flex-shrink:0;height:48px;overflow:hidden;position:relative;width:48px}.network-logo{height:100%;object-fit:cover;width:100%}.network-icon-fallback{align-items:center;background:linear-gradient(135deg,#e5e4e2,silver 50%,#e5e5e5);background:var(--gradient-silver);color:#8a2be2;color:var(--primary-purple);display:flex;font-size:1.2rem;font-weight:700;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.network-info{flex:1 1}.network-name{color:#8a2be2;color:var(--heading-color);font-family:Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-family:var(--font-display);font-size:1.25rem;font-weight:700;margin:0 0 4px}.network-symbol{color:#8a2be299;color:var(--text-muted);font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.network-status{align-items:center;display:flex;gap:6px}.status-indicator{animation:pulse 2s infinite;background:#10b981;background:var(--success);border-radius:50%;height:8px;width:8px}.status-text{color:#10b981;color:var(--success);font-size:.7rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.card-metrics{margin-bottom:20px}.metric-row{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:8px 0}.metric-row:last-child{border-bottom:none}.metric-row.primary{border-bottom:2px solid gold;border-bottom:2px solid var(--primary-gold);margin-bottom:8px;padding:12px 0}.metric-label{color:#8a2be299;color:var(--text-muted);font-size:.85rem;font-weight:500}.metric-value{color:#8a2be2;color:var(--text-primary);font-family:JetBrains Mono,SF Mono,Monaco,monospace;font-family:var(--font-accent);font-size:.9rem;font-weight:600}.metric-value.price{color:#8a2be2;color:var(--primary-purple);font-size:1.1rem;font-weight:700}.metric-value.change{font-weight:700}.card-actions{display:flex;gap:12px;justify-content:space-between;margin-top:auto}.card-actions .btn{border-radius:10px;flex:1 1;font-size:.9rem;font-weight:600;padding:10px 16px;text-align:center}.card-actions .btn-primary{background:linear-gradient(135deg,#8a2be2,gold);background:var(--gradient-primary);border:2px solid gold;border:2px solid var(--primary-gold);color:#fff;color:var(--text-inverse)}.card-actions .btn-secondary{border:2px solid silver;border:2px solid var(--silver);color:#8a2be2;color:var(--primary-purple)}.card-actions .btn-secondary,.loading-skeleton{background:#ffffffe6;background:var(--glass-bg)}.loading-skeleton{animation:skeleton-pulse 1.5s ease-in-out infinite alternate;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #e5e5e5;border:1px solid var(--silver-light);border-radius:16px;padding:24px}@keyframes skeleton-pulse{0%{opacity:.6}to{opacity:1}}@media (max-width:768px){.container{padding:0 16px}.stats-content{gap:16px}.stat-item{min-width:100px}.controls-wrapper{gap:12px}.presidential-overview-header{margin:20px auto;padding:20px}.loading-grid,.networks-grid,.presidential-networks-grid{gap:16px;grid-template-columns:1fr}.presidential-title{font-size:2rem}.presidential-network-card,.presidential-network-card-fixed{padding:16px}.network-icon{height:40px;width:40px}.network-name{font-size:1.1rem}}.navbar-fixed{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--silver-light);box-shadow:0 4px 6px #0000000d,0 10px 15px #8a2be21a;box-shadow:var(--shadow-md);left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:9999}.navbar-fixed,.navbar-scrolled-fixed{background:#fff;background:var(--surface-color)}.navbar-scrolled-fixed{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);box-shadow:0 10px 15px #0000001a,0 20px 25px #8a2be21a;box-shadow:var(--shadow-lg)}.container-fixed{margin:0 auto;max-width:1400px;padding:0 24px}.navbar-content-fixed{align-items:center;display:flex;gap:24px;height:70px;justify-content:space-between}.navbar-brand-fixed{align-items:center;display:flex;gap:12px;text-decoration:none}.brand-logo-fixed{border-radius:8px;box-shadow:0 2px 4px #0000000f,0 2px 6px #8a2be212;box-shadow:var(--shadow-sm);height:36px;overflow:hidden;width:36px}.gumdrop-logo-fixed{height:100%;object-fit:cover;width:100%}.brand-text-fixed{display:flex;flex-direction:column}.brand-name-fixed{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8a2be2,silver 25%,gold 50%,silver 75%,#8a2be2);background:var(--gradient-premium);-webkit-background-clip:text;background-clip:text;font-size:1.4rem;font-weight:800;line-height:1}.brand-slogan-fixed{color:#8a2be299;color:var(--text-muted);font-size:.7rem;font-style:italic;line-height:1}.navbar-nav-fixed{align-items:center;display:flex;gap:6px}.nav-item-fixed,.nav-link-fixed{position:relative}.nav-link-fixed{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;background:var(--glass-bg);border:2px solid silver;border:2px solid var(--silver);border-radius:8px;box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-xs);color:#8a2be2;color:var(--primary-purple);display:inline-flex;font-size:.85rem;font-weight:600;gap:6px;justify-content:center;min-width:85px;overflow:hidden;padding:10px 16px;text-align:center;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.nav-link-fixed:before{background:linear-gradient(90deg,#0000,#e5e5e5,#0000);background:linear-gradient(90deg,#0000,var(--silver-light),#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%;z-index:1}.nav-link-fixed:hover{background:linear-gradient(135deg,#8a2be2,gold);background:var(--gradient-primary);border-color:gold;border-color:var(--primary-gold);box-shadow:0 4px 6px #0000000d,0 10px 15px #8a2be21a,0 0 0 1px #ffd7004d,0 0 20px #ffd70066;box-shadow:var(--shadow-md),var(--shadow-glow);color:#fff;color:var(--text-inverse);transform:translateY(-2px) scale(1.02)}.nav-link-fixed:hover:before{left:100%}.nav-link-fixed:active{box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-xs);transform:translateY(0) scale(.98)}.nav-link-fixed.admin-only{background:linear-gradient(135deg,gold,orange);background:var(--gradient-gold);border-color:silver;border-color:var(--silver);color:#36454f;color:var(--charcoal);font-weight:700}.nav-link-fixed.admin-only:hover{background:linear-gradient(135deg,#36454f,silver 30%,gold 70%,silver);background:var(--gradient-metallic);border-color:#e5e4e2;border-color:var(--platinum);color:#fff;color:var(--primary-white)}.admin-badge{background:gold;background:var(--primary-gold);border-radius:3px;box-shadow:0 1px 2px #0000001a;color:#36454f;color:var(--charcoal);font-size:.6rem;font-weight:800;letter-spacing:.3px;margin-left:4px;padding:2px 5px;text-transform:uppercase}.nav-link-fixed.admin-only .admin-badge{background:#36454f;background:var(--charcoal);color:gold;color:var(--primary-gold)}.navbar-actions-fixed{align-items:center;display:flex;gap:16px}.theme-toggle-fixed{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;background:var(--glass-bg);border:1px solid silver;border:1px solid var(--silver);border-radius:6px;color:#8a2be2;color:var(--primary-purple);cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 12px;transition:all .3s ease}.theme-toggle-fixed:hover{background:#8a2be2;background:var(--primary-purple);border-color:gold;border-color:var(--primary-gold);box-shadow:0 2px 4px #0000000f,0 2px 6px #8a2be212;box-shadow:var(--shadow-sm);color:#fff;color:var(--text-inverse)}.btn-primary-fixed{align-items:center;background:linear-gradient(135deg,#8a2be2,gold);background:var(--gradient-primary);border:2px solid gold;border:2px solid var(--primary-gold);border-radius:8px;color:#fff;color:var(--text-inverse);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;padding:10px 20px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary-fixed:hover{background:linear-gradient(135deg,#8a2be2,silver 25%,gold 50%,silver 75%,#8a2be2);background:var(--gradient-premium);box-shadow:0 4px 6px #0000000d,0 10px 15px #8a2be21a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.wallet-connected-fixed{position:relative}.wallet-info-fixed{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffffe6;background:var(--glass-bg);border:1px solid silver;border:1px solid var(--silver);border-radius:8px;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:8px;padding:8px 12px;transition:all .3s ease}.wallet-info-fixed:hover{background:#fff;background:var(--surface-color);border-color:gold;border-color:var(--primary-gold);box-shadow:0 2px 4px #0000000f,0 2px 6px #8a2be212;box-shadow:var(--shadow-sm)}.wallet-address{color:#8a2be2;color:var(--text-primary);font-family:JetBrains Mono,SF Mono,Monaco,monospace;font-family:var(--font-accent)}.admin-indicator{background:gold;background:var(--primary-gold);border-radius:4px;color:#36454f;color:var(--charcoal);font-size:.65rem;font-weight:700;padding:2px 6px;text-transform:uppercase}.wallet-type{color:#8a2be299;color:var(--text-muted);font-size:.75rem;text-transform:capitalize}.dropdown-arrow{font-size:.7rem;transition:transform .3s ease}.wallet-info-fixed:hover .dropdown-arrow{transform:rotate(180deg)}.wallet-dropdown-fixed{animation:dropdownFadeIn .3s ease-out;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#fff;background:var(--surface-color);border:1px solid #e5e5e5;border:1px solid var(--silver-light);border-radius:12px;box-shadow:0 20px 25px #0000001a,0 25px 50px #8a2be226;box-shadow:var(--shadow-xl);margin-top:8px;min-width:320px;padding:16px;position:absolute;right:0;top:100%;z-index:10000}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.add-wallet-section{margin-top:12px}.add-wallet-btn{background:linear-gradient(135deg,#8a2be2,gold 50%,#8a2be2);background:linear-gradient(135deg,var(--primary-purple) 0,var(--primary-gold) 50%,var(--primary-purple) 100%);border:2px solid gold;border:2px solid var(--primary-gold);border-radius:10px;cursor:pointer;overflow:hidden;padding:12px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.add-wallet-btn:before{animation:pulseGlow 2s ease-in-out infinite;background:linear-gradient(90deg,gold,#ffc107,gold);background:linear-gradient(90deg,var(--primary-gold),var(--accent-gold),var(--primary-gold));border-radius:10px;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s ease;z-index:-1}@keyframes pulseGlow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.02)}}.add-wallet-btn:hover{border-color:#ffc107;border-color:var(--accent-gold);box-shadow:0 0 0 1px #ffd7004d,0 0 20px #ffd70066,0 0 25px gold,0 10px 30px #0000004d;box-shadow:var(--shadow-glow),0 0 25px var(--primary-gold),0 10px 30px #0000004d;transform:translateY(-2px) scale(1.02)}.add-wallet-btn:hover:before{opacity:.8}.add-wallet-content{align-items:center;display:flex;gap:12px}.add-wallet-icon{animation:sparkle 1.5s ease-in-out infinite;font-size:24px}@keyframes sparkle{0%,to{transform:rotate(0deg) scale(1)}50%{transform:rotate(10deg) scale(1.1)}}.add-wallet-info{flex:1 1;text-align:left}.add-wallet-title{color:#fff;color:var(--text-inverse);font-size:.9rem;font-weight:700;letter-spacing:1px;text-shadow:0 1px 2px #0000004d}.add-wallet-subtitle{color:#ffffffe6;font-size:.75rem;margin-top:2px;opacity:.9}.add-wallet-btn:active{box-shadow:0 2px 4px #0000000f,0 2px 6px #8a2be212;box-shadow:var(--shadow-sm);transform:translateY(0) scale(.98)}.audio-settings-section{padding:0 16px 16px}.audio-settings-btn{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ff6b35cc,#ff4500e6);border:2px solid #ffd70099;border-radius:16px;box-shadow:0 8px 25px #ff450066,0 0 40px #ff6b354d,inset 0 1px 0 #fff3;cursor:pointer;overflow:hidden;padding:16px;position:relative;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);width:100%}.audio-settings-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%;z-index:1}.audio-settings-btn:hover:before{left:100%}.audio-settings-btn:hover{animation:fireFlicker 1.5s ease-in-out infinite;border-color:#ffd700e6;box-shadow:0 0 0 1px #ffd7004d,0 0 20px #ffd70066,0 0 30px #ff450099,0 12px 35px #ff6b3566;box-shadow:var(--shadow-glow),0 0 30px #ff450099,0 12px 35px #ff6b3566;transform:translateY(-4px) scale(1.02)}.audio-settings-content{align-items:center;display:flex;gap:12px;position:relative;z-index:2}.audio-settings-icon{animation:fireFlicker 3s ease-in-out infinite;font-size:1.5rem}.audio-settings-info{flex:1 1;text-align:left}.audio-settings-title{color:#fff;font-size:.9rem;font-weight:900;letter-spacing:1px;text-shadow:0 2px 4px #000c}.audio-settings-subtitle{color:#ffffffe6;font-size:.75rem;margin-top:2px;text-shadow:0 1px 2px #0009}.audio-settings-btn:active{box-shadow:0 2px 4px #0000000f,0 2px 6px #8a2be212;box-shadow:var(--shadow-sm);transform:translateY(0) scale(.98)}.wallet-dropdown-header{border-bottom:1px solid #8a2be233;border-bottom:1px solid var(--border-color);margin-bottom:16px;padding-bottom:12px;text-align:center}.wallet-dropdown-header span:first-child{color:gold;color:var(--primary-gold);display:block;font-size:.9rem;font-weight:800;margin-bottom:4px}.wallet-counter{color:#8a2be299;color:var(--text-muted);font-size:.75rem;font-weight:600}.wallet-list{display:flex;flex-direction:column;gap:8px}.wallet-item{align-items:center;background:#ffffffe6;background:var(--glass-bg);border:1px solid #e5e5e5;border:1px solid var(--silver-light);border-radius:8px;display:flex;justify-content:space-between;padding:12px;transition:all .3s ease}.wallet-item.active{background:linear-gradient(135deg,#e5e4e2,silver 50%,#e5e5e5);background:var(--gradient-silver);border-color:gold;border-color:var(--primary-gold)}.wallet-item:hover{background:#8a2be20a;background:var(--surface-hover);border-color:#8a2be2;border-color:var(--primary-purple)}.wallet-main{align-items:center;display:flex;flex:1 1;gap:12px}.wallet-info{display:flex;flex-direction:column;gap:2px}.wallet-name{align-items:center;color:#8a2be2;color:var(--text-primary);display:flex;font-size:.9rem;font-weight:600;gap:6px}.editable-name{cursor:pointer;transition:color .3s ease}.editable-name:hover{color:gold;color:var(--primary-gold)}.current-badge{background:#10b981;background:var(--success);border-radius:4px;color:#fff;font-size:.65rem;font-weight:700;padding:2px 6px}.wallet-actions{display:flex;gap:6px}.action-btn{align-items:center;border:1px solid silver;border:1px solid var(--silver);border-radius:6px;display:flex;font-size:.7rem;height:28px;justify-content:center;transition:all .3s ease;width:28px}.action-btn:hover{border-color:gold;border-color:var(--primary-gold);color:var(--text-inverse)}.switch-indicator{align-items:center;background:linear-gradient(135deg,gold,orange);background:var(--gradient-gold);border:none;border-radius:6px;color:#36454f;color:var(--charcoal);cursor:pointer;display:flex;font-weight:700;height:32px;justify-content:center;transition:all .3s ease;width:32px}.switch-indicator:hover{background:linear-gradient(135deg,#8a2be2,silver 25%,gold 50%,silver 75%,#8a2be2);background:var(--gradient-premium);color:#fff;color:var(--text-inverse);transform:scale(1.1)}.presidential-footer{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff;background:var(--surface-color);border-top:1px solid #e5e5e5;border-top:1px solid var(--silver-light);margin-top:40px;padding:32px 0;position:relative}.presidential-footer:before{background:linear-gradient(135deg,#8a2be2,silver 25%,gold 50%,silver 75%,#8a2be2);background:var(--gradient-premium);content:"";height:2px;left:0;position:absolute;top:0;width:100%}.footer-content{grid-gap:32px;display:grid;gap:32px;grid-template-columns:2fr 1fr 1fr 1fr;margin:0 auto;max-width:1400px;padding:0 24px}.footer-brand{display:flex;flex-direction:column;gap:16px}.footer-logo{align-items:center;display:flex;gap:12px}.footer-logo img{border-radius:6px;height:32px;width:32px}.footer-brand-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8a2be2,silver 25%,gold 50%,silver 75%,#8a2be2);background:var(--gradient-premium);-webkit-background-clip:text;background-clip:text;font-size:1.3rem;font-weight:800}.footer-description{color:#6a1b9a;color:var(--text-secondary);font-size:.9rem;line-height:1.6}.footer-section{display:flex;flex-direction:column;gap:12px}.footer-title{color:#8a2be2;color:var(--heading-color);font-size:1rem;font-weight:700;margin-bottom:8px}.footer-link{color:#6a1b9a;color:var(--text-secondary);font-size:.9rem;padding:4px 0;text-decoration:none;transition:all .3s ease}.footer-link:hover{color:gold;color:var(--primary-gold);padding-left:8px}.footer-bottom{align-items:center;border-top:1px solid #8a2be233;border-top:1px solid var(--border-color);color:#8a2be299;color:var(--text-muted);display:flex;font-size:.85rem;justify-content:space-between;margin:32px auto 0;max-width:1400px;padding:24px 24px 0}.footer-copyright{font-weight:500}.footer-social{display:flex;gap:16px}.social-link{color:#8a2be299;color:var(--text-muted);font-size:1.1rem;transition:all .3s ease}.social-link:hover{color:gold;color:var(--primary-gold);transform:translateY(-2px)}.mobile-menu-toggle{align-items:center;background:#ffffffe6;background:var(--glass-bg);border:1px solid silver;border:1px solid var(--silver);border-radius:6px;cursor:pointer;display:none;flex-direction:column;height:32px;justify-content:center;transition:all .3s ease;width:32px}.hamburger{height:14px;position:relative;width:18px}.hamburger span{background:#8a2be2;background:var(--text-primary);border-radius:2px;display:block;height:2px;position:absolute;transition:all .3s ease;width:100%}.hamburger span:first-child{top:0}.hamburger span:nth-child(2){top:50%;transform:translateY(-50%)}.hamburger span:nth-child(3){bottom:0}.hamburger.active span:first-child{top:50%;transform:translateY(-50%) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){bottom:50%;transform:translateY(50%) rotate(-45deg)}.mobile-nav{background:#fff;background:var(--surface-color);border-top:1px solid #8a2be233;border-top:1px solid var(--border-color);box-shadow:0 10px 15px #0000001a,0 20px 25px #8a2be21a;box-shadow:var(--shadow-lg);left:0;opacity:0;position:absolute;top:100%;transform:translateY(-100%);transition:all .3s ease;visibility:hidden;width:100%;z-index:999}.mobile-nav.open{opacity:1;transform:translateY(0);visibility:visible}.mobile-nav-link{border-bottom:1px solid #8a2be233;border-bottom:1px solid var(--border-color);color:#8a2be2;color:var(--nav-link-color);display:block;font-weight:600;padding:16px 24px;text-decoration:none;transition:all .3s ease}.mobile-nav-link:hover{background:#8a2be20a;background:var(--surface-hover);color:#8a2be2;color:var(--primary-purple)}.mobile-nav-actions{border-top:2px solid gold;border-top:2px solid var(--primary-gold);display:flex;flex-direction:column;gap:16px;padding:24px}@media (max-width:768px){.container-fixed{padding:0 16px}.navbar-nav-fixed{display:none}.mobile-menu-toggle{display:flex}.navbar-actions-fixed>.btn-primary-fixed,.navbar-actions-fixed>.theme-toggle-fixed{display:none}.footer-content{gap:24px;grid-template-columns:1fr;text-align:center}.footer-bottom{flex-direction:column;gap:16px}}.wallet-modal-overlay{align-items:center!important;animation:modalFadeIn .3s ease-out!important;-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;background:#000000bf!important;bottom:0!important;display:flex!important;height:100vh!important;justify-content:center!important;left:0!important;padding:20px!important;pointer-events:auto!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important}.wallet-modal,.wallet-modal-overlay{isolation:isolate!important;z-index:2147483647!important}.wallet-modal{animation:modalSlideUp .3s cubic-bezier(.4,0,.2,1)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#fff!important;background:var(--surface-color)!important;border:2px solid #ffd7004d!important;border:2px solid var(--border-gold)!important;border-radius:1rem!important;border-radius:var(--radius-xl)!important;box-shadow:0 0 0 1px #ffd7004d,0 0 20px #ffd70066,0 20px 25px #0000001a,0 25px 50px #8a2be226!important;box-shadow:var(--shadow-glow),var(--shadow-xl)!important;max-height:calc(100vh - 40px)!important;max-width:520px!important;overflow-y:auto!important;position:relative!important;width:90%!important}.wallet-modal-header{align-items:center!important;background:#ffffffe6!important;background:var(--glass-bg)!important;border-bottom:2px solid #8a2be233!important;border-bottom:2px solid var(--border-color)!important;border-radius:1rem 1rem 0 0!important;border-radius:var(--radius-xl) var(--radius-xl) 0 0!important;display:flex!important;justify-content:space-between!important;padding:24px!important}.wallet-modal-title{font-family:Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,system-ui,sans-serif!important;font-family:var(--font-display)!important;font-size:1.75rem!important;font-weight:700!important;margin:0!important}.wallet-modal-title .gradient-text{-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,gold,orange)!important;background:var(--gradient-gold)!important;-webkit-background-clip:text!important;background-clip:text!important;text-shadow:0 0 30px #ffd7004d!important}.wallet-modal-close{align-items:center!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#ffffffe6!important;background:var(--glass-bg)!important;border:2px solid #8a2be233!important;border:2px solid var(--border-color)!important;border-radius:50%!important;color:#8a2be299!important;color:var(--text-muted)!important;cursor:pointer!important;display:flex!important;font-size:1.25rem!important;height:40px!important;justify-content:center!important;transition:all .3s ease!important;width:40px!important}.wallet-modal-close:hover{border-color:gold!important;border-color:var(--primary-gold)!important;box-shadow:0 4px 14px #ffd70040,0 0 0 1px #ffd7001a!important;box-shadow:var(--shadow-gold)!important;color:gold!important;color:var(--primary-gold)!important;transform:rotate(90deg) scale(1.1)!important}.wallet-modal-content{padding:24px!important}.wallet-modal-description{color:#6a1b9a!important;color:var(--text-secondary)!important;font-size:1rem!important;line-height:1.5!important;margin-bottom:24px!important;text-align:center!important}.wallet-options{flex-direction:column!important}.wallet-option,.wallet-options{display:flex!important;gap:16px!important}.wallet-option{align-items:center!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#ffffffe6!important;background:var(--glass-bg)!important;border:2px solid #8a2be233!important;border:2px solid var(--border-color)!important;border-radius:.75rem!important;border-radius:var(--radius-lg)!important;cursor:pointer!important;overflow:hidden!important;padding:20px!important;position:relative!important;text-align:left!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;width:100%!important}.wallet-option:before{background:linear-gradient(90deg,#0000,#ffd7001a,#0000)!important;content:""!important;height:100%!important;left:-100%!important;position:absolute!important;top:0!important;transition:left .6s ease!important;width:100%!important}.wallet-option:hover:before{left:100%!important}.wallet-option:hover{background:var(--glass-hover-bg)!important;border-color:gold!important;border-color:var(--primary-gold)!important;box-shadow:0 4px 14px #ffd70040,0 0 0 1px #ffd7001a,0 10px 15px #0000001a,0 20px 25px #8a2be21a!important;box-shadow:var(--shadow-gold),var(--shadow-lg)!important;transform:translateY(-4px)!important}.wallet-option:disabled{cursor:not-allowed!important;opacity:.5!important;transform:none!important}.wallet-option.connecting{animation:connectingPulse 2s ease-in-out infinite!important;background:var(--connecting-bg)!important;border-color:gold!important;border-color:var(--primary-gold)!important}.wallet-info{flex:1 1!important}.wallet-info h3{color:#8a2be2!important;color:var(--heading-color)!important;font-family:Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,system-ui,sans-serif!important;font-family:var(--font-display)!important;font-size:1.25rem!important;font-weight:700!important;margin:0 0 6px!important}.wallet-info p{color:#6a1b9a!important;color:var(--text-secondary)!important;font-size:.9rem!important;line-height:1.4!important;margin:0 0 10px!important}.wallet-networks{display:flex!important;flex-wrap:wrap!important;gap:8px!important}.network-badge{-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important;background:var(--badge-bg)!important;border:1px solid #8a2be233!important;border:1px solid var(--border-color)!important;border-radius:9999px!important;border-radius:var(--radius-full)!important;color:#8a2be2!important;color:var(--primary-purple)!important;font-size:.75rem!important;font-weight:600!important;padding:4px 10px!important}.wallet-connecting{align-items:center!important;color:gold!important;color:var(--primary-gold)!important;display:flex!important;font-weight:600!important;gap:8px!important;position:absolute!important;right:20px!important}.wallet-connecting .spinner{animation:spin 1s linear infinite!important;border:2px solid #8a2be233!important;border-top-color:gold!important;border:2px solid var(--border-color)!important;border-radius:50%!important;border-top-color:var(--primary-gold)!important;height:24px!important;width:24px!important}.wallet-error{align-items:flex-start!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#ef44441a!important;background:var(--error-bg)!important;border:2px solid #ef44444d!important;border:2px solid var(--error-border)!important;border-radius:.5rem!important;border-radius:var(--radius-md)!important;display:flex!important;gap:12px!important;margin-top:20px!important;padding:16px!important}.error-icon{flex-shrink:0!important;font-size:1.5rem!important;margin-top:2px!important}.error-content{flex:1 1!important}.error-content p{color:#ef4444!important;color:var(--error)!important;margin:0 0 8px!important}.error-content p:last-child{margin-bottom:0!important}.error-content strong{color:#ef4444!important;color:var(--error)!important;font-weight:700!important}.error-suggestion{color:#8a2be299!important;color:var(--text-muted)!important;font-size:.875rem!important;font-style:italic!important;opacity:.9!important}.wallet-modal-footer{background:#ffffffe6!important;background:var(--glass-bg)!important;border-radius:0 0 1rem 1rem!important;border-radius:0 0 var(--radius-xl) var(--radius-xl)!important;border-top:2px solid #8a2be233!important;border-top:2px solid var(--border-color)!important;padding:24px!important;text-align:center!important}.wallet-security-note{color:#6a1b9a!important;color:var(--text-secondary)!important;font-size:.9rem!important;font-weight:500!important;margin:0 0 8px!important}.wallet-learn-more{color:#8a2be299!important;color:var(--text-muted)!important;font-size:.875rem!important;margin:0!important}.wallet-learn-more a{color:gold!important;color:var(--primary-gold)!important;font-weight:600!important;text-decoration:none!important;transition:all .2s ease!important}.wallet-learn-more a:hover{color:#ffc107!important;color:var(--accent-gold)!important;text-decoration:underline!important;text-shadow:0 0 10px #ffd7004d!important}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes connectingPulse{0%,to{box-shadow:0 0 20px #ffd7004d}50%{box-shadow:0 0 30px #ffd70099}}@media (max-width:768px){.wallet-modal-overlay{padding:10px!important}.wallet-modal{max-height:calc(100vh - 20px)!important;width:95%!important}.wallet-option{flex-direction:column!important;padding:16px!important;text-align:center!important}.wallet-connecting{margin-top:12px!important;position:static!important}.wallet-modal-title{font-size:1.5rem!important}}.trading-platform{background:#fff;background:var(--background-primary);color:#8a2be2;color:var(--text-primary);font-family:var(--font-primary);min-height:100vh}.trading-header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff;background:var(--surface-color);border-bottom:2px solid #8a2be233;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;padding:24px}.trading-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8a2be2,silver 25%,gold 50%,silver 75%,#8a2be2);background:var(--gradient-premium);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;margin:0}.portfolio-summary{align-items:center;display:flex;gap:32px}.portfolio-pnl,.portfolio-value{align-items:flex-end;display:flex;flex-direction:column}.portfolio-pnl .label,.portfolio-value .label{color:#8a2be299;color:var(--text-muted);font-size:.85rem;margin-bottom:4px}.portfolio-value .value{color:gold;color:var(--primary-gold);font-size:1.5rem;font-weight:700}.portfolio-pnl.positive .value{color:#10b981;color:var(--success)}.portfolio-pnl.negative .value{color:#ef4444;color:var(--error)}.trading-tabs{background:#fff;background:var(--surface-color);border-bottom:1px solid #8a2be233;border-bottom:1px solid var(--border-color);display:flex;padding:0 24px}.tab-btn{align-items:center;background:#0000;border:none;color:#8a2be299;color:var(--text-muted);cursor:pointer;display:flex;font-weight:600;gap:8px;padding:16px 24px;position:relative;transition:all .3s ease}.tab-btn:hover{color:#8a2be2;color:var(--text-primary)}.tab-btn.active,.tab-btn:hover{background:#ffffffe6;background:var(--glass-bg)}.tab-btn.active{color:gold;color:var(--primary-gold)}.tab-btn.active:after{background:gold;background:var(--primary-gold);bottom:0;content:"";height:3px;left:0;position:absolute;width:100%}.leverage-badge,.new-badge{border-radius:4px;font-size:.7rem;font-weight:700;padding:2px 6px}.leverage-badge{background:#8a2be2;background:var(--primary-purple);color:#fff}.new-badge{background:#10b981;background:var(--success);color:#fff}.trading-layout{grid-gap:1px;background:#8a2be233;background:var(--border-color);display:grid;gap:1px;grid-template-columns:300px 1fr 300px;height:calc(100vh - 140px)}.trading-sidebar{background:#fff;background:var(--surface-color);overflow-y:auto;padding:20px}.market-selector h3{color:#8a2be2;color:var(--heading-color);font-weight:700;margin:0 0 16px}.search-input{background:#ffffffe6;background:var(--glass-bg);border:2px solid #8a2be233;border:2px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);color:#8a2be2;color:var(--text-primary);font-size:.9rem;margin-bottom:16px;padding:12px 16px;transition:all .3s ease;width:100%}.search-input:focus{border-color:gold;border-color:var(--primary-gold);box-shadow:0 2px 4px #0000000f,0 2px 6px #8a2be212;box-shadow:var(--shadow-sm);outline:none}.market-list{gap:8px}.market-item,.market-list{display:flex;flex-direction:column}.market-item{background:#ffffffe6;background:var(--glass-bg);border:1px solid #8a2be233;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;padding:12px;transition:all .3s ease}.market-item:hover{background:var(--glass-hover-bg)}.market-item.selected,.market-item:hover{border-color:gold;border-color:var(--primary-gold)}.market-item.selected{background:linear-gradient(135deg,#e5e4e2,silver 50%,#e5e5e5);background:var(--gradient-silver)}.pair-symbol{color:#8a2be2;color:var(--text-primary);font-weight:700;margin-bottom:4px}.pair-info{display:flex;font-size:.85rem;justify-content:space-between}.pair-price{color:#8a2be2;color:var(--text-primary)}.pair-change,.pair-price{font-weight:600}.pair-change.positive{color:#10b981;color:var(--success)}.pair-change.negative{color:#ef4444;color:var(--error)}.order-form{background:#fff;background:var(--surface-color);display:flex;flex-direction:column;gap:20px;padding:20px}.order-type-selector{display:flex;gap:8px}.order-type-btn{background:#ffffffe6;background:var(--glass-bg);border:2px solid #8a2be233;border:2px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);color:#8a2be2;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:.85rem;font-weight:600;padding:8px 12px;transition:all .3s ease}.order-type-btn.active,.order-type-btn:hover{border-color:gold;border-color:var(--primary-gold)}.order-type-btn.active{background:gold;background:var(--primary-gold);color:#36454f;color:var(--charcoal)}.order-side-selector{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.buy-btn,.sell-btn{border:none;border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;font-weight:700;padding:12px;text-transform:uppercase;transition:all .3s ease}.buy-btn{background:#10b981;background:var(--success);color:#fff}.buy-btn.active{box-shadow:0 0 20px #10b98166}.sell-btn{background:#ef4444;background:var(--error);color:#fff}.sell-btn.active{box-shadow:0 0 20px #ef444466}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{color:#6a1b9a;color:var(--text-secondary);font-size:.85rem;font-weight:600}.form-input{background:#ffffffe6;background:var(--glass-bg);border:2px solid #8a2be233;border:2px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);color:#8a2be2;color:var(--text-primary);font-size:.9rem;padding:12px 16px;transition:all .3s ease}.form-input:focus{border-color:gold;border-color:var(--primary-gold);box-shadow:0 2px 4px #0000000f,0 2px 6px #8a2be212;box-shadow:var(--shadow-sm);outline:none}.leverage-slider{background:#8a2be233;background:var(--border-color);border-radius:3px;height:6px;outline:none;transition:background .3s;width:100%}.leverage-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:gold;background:var(--primary-gold);border-radius:50%;box-shadow:0 2px 4px #0000000f,0 2px 6px #8a2be212;box-shadow:var(--shadow-sm);cursor:pointer;height:20px;width:20px}.submit-order-btn{background:linear-gradient(135deg,#8a2be2,gold);background:var(--gradient-primary);border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-top:16px;padding:16px;transition:all .3s ease}.submit-order-btn:hover{background:linear-gradient(135deg,#8a2be2,silver 25%,gold 50%,silver 75%,#8a2be2);background:var(--gradient-premium);box-shadow:0 4px 6px #0000000d,0 10px 15px #8a2be21a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.orderbook,.orders-panel,.positions-panel,.trade-history{background:#fff;background:var(--surface-color);overflow-y:auto;padding:20px}.panel-title{color:#8a2be2;color:var(--heading-color);font-weight:700;margin:0}.orderbook-table,.orders-table,.positions-table,.trades-table{font-size:.85rem;width:100%}.orderbook-table th,.orders-table th,.positions-table th,.trades-table th{border-bottom:1px solid #8a2be233;border-bottom:1px solid var(--border-color);color:#8a2be299;color:var(--text-muted);font-weight:600;padding:8px 4px;text-align:left}.orderbook-table td,.orders-table td,.positions-table td,.trades-table td{border-bottom:1px solid #ffffff0d;padding:6px 4px}.bid{color:#10b981;color:var(--success)}.ask{color:#ef4444;color:var(--error)}.trade-buy{color:#10b981;color:var(--success)}.trade-sell{color:#ef4444;color:var(--error)}.position-long{color:#10b981;color:var(--success)}.position-short{color:#ef4444;color:var(--error)}.pnl-positive{color:#10b981;color:var(--success);font-weight:600}.pnl-negative{color:#ef4444;color:var(--error);font-weight:600}.action-btn{background:#ffffffe6;background:var(--glass-bg);border:1px solid #8a2be233;border:1px solid var(--border-color);border-radius:4px;color:#8a2be2;color:var(--text-primary);cursor:pointer;font-size:.75rem;padding:4px 8px;transition:all .2s ease}.action-btn:hover{background:#8a2be2;background:var(--primary-purple);color:#fff}.action-btn.danger{border-color:#ef4444;border-color:var(--error);color:#ef4444;color:var(--error)}.action-btn.danger:hover{background:#ef4444;background:var(--error);color:#fff}@media (max-width:1200px){.trading-layout{grid-template-columns:250px 1fr 250px}}@media (max-width:768px){.trading-header{flex-direction:column;gap:16px;padding:16px}.portfolio-summary{gap:16px}.trading-tabs{overflow-x:auto;padding:0 16px}.trading-layout{grid-template-columns:1fr;height:auto}.order-form,.trading-sidebar{order:2}}.contract-deployment{background:#fff;background:var(--background-primary);min-height:100vh;padding:0}.deployment-section{padding:40px 0;width:100%}.section-header{margin-bottom:40px;padding:0 20px;text-align:center}.section-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8a2be2,silver 25%,gold 50%,silver 75%,#8a2be2);background:var(--gradient-premium);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;margin:0 0 16px}.section-header p{color:#6a1b9a;color:var(--text-secondary);font-size:1.1rem;margin:0 auto;max-width:600px}.one-click-section{padding:40px 0;width:100%}.templates-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto;max-width:1400px;padding:0 24px;width:100%}.template-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--surface-color);border:2px solid #8a2be233;border:2px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.template-card:hover{border-color:gold;border-color:var(--primary-gold);box-shadow:0 4px 14px #ffd70040,0 0 0 1px #ffd7001a,0 10px 15px #0000001a,0 20px 25px #8a2be21a;box-shadow:var(--shadow-gold),var(--shadow-lg);transform:translateY(-4px)}.template-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.template-header h3{color:#8a2be2;color:var(--text-primary);font-family:Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-family:var(--font-display);font-size:1.25rem;font-weight:700;margin:0}.template-category{background:#8a2be21a;background:var(--primary-purple-light);border-radius:.375rem;border-radius:var(--radius-sm);color:#8a2be2;color:var(--primary-purple);font-size:.75rem;font-weight:600;padding:4px 12px;text-transform:uppercase}.template-description{color:#6a1b9a;color:var(--text-secondary);line-height:1.6;margin-bottom:20px}.template-features{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.feature-tag{background:#ffffffe6;background:var(--glass-bg);border:1px solid #8a2be233;border:1px solid var(--border-color);border-radius:9999px;border-radius:var(--radius-full);color:#8a2be2;color:var(--text-primary);font-size:.7rem;padding:4px 10px}.template-config-preview{background:#fafafa;background:var(--background-secondary);border-radius:.5rem;border-radius:var(--radius-md);margin-bottom:20px;padding:16px}.config-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.config-item:last-child{margin-bottom:0}.template-deploy-btn{background:linear-gradient(135deg,#8a2be2,gold);background:var(--gradient-primary);border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-weight:700;padding:12px 20px;transition:all .3s ease;width:100%}.template-deploy-btn:hover:not(:disabled){background:linear-gradient(135deg,#8a2be2,silver 25%,gold 50%,silver 75%,#8a2be2);background:var(--gradient-premium);box-shadow:0 4px 6px #0000000d,0 10px 15px #8a2be21a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.template-deploy-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.token-categories{margin:0 auto;max-width:1400px;padding:0 24px;width:100%}.category-section{margin-bottom:48px}.category-title{color:#8a2be2;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0 0 24px;text-align:center}.tokens-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));width:100%}.token-type-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--surface-color);border:2px solid #8a2be233;border:2px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.token-type-card:hover{box-shadow:0 4px 6px #0000000d,0 10px 15px #8a2be21a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.token-type-card.selected{background:var(--glass-hover-bg);border-color:gold;border-color:var(--primary-gold);box-shadow:0 4px 14px #ffd70040,0 0 0 1px #ffd7001a;box-shadow:var(--shadow-gold)}.type-header{align-items:flex-start;display:flex;gap:16px;margin-bottom:16px;position:relative}.type-icon{flex-shrink:0;font-size:2rem}.type-info{flex:1 1}.type-name{color:#8a2be2;color:var(--text-primary);font-size:1.25rem;font-weight:700;margin:0 0 4px}.type-subtitle{color:#8a2be299;color:var(--text-muted);font-size:.9rem;margin:0}.selected-indicator{align-items:center;background:gold;background:var(--primary-gold);border-radius:50%;color:#36454f;color:var(--charcoal);display:flex;font-size:.7rem;height:24px;justify-content:center;position:absolute;right:0;top:0;width:24px}.type-description{color:#6a1b9a;color:var(--text-secondary);line-height:1.5}.type-description,.type-features{margin-bottom:16px}.feature-item{color:#6a1b9a;color:var(--text-secondary);font-size:.9rem;margin-bottom:6px}.feature-more{color:#8a2be299;color:var(--text-muted);font-size:.85rem;font-style:italic}.type-meta{border-top:1px solid #8a2be233;border-top:1px solid var(--border-color);justify-content:space-between;padding-top:16px}.meta-item,.type-meta{align-items:center;display:flex}.meta-item{flex-direction:column}.meta-label{color:#8a2be299;color:var(--text-muted);font-size:.75rem;margin-bottom:4px;text-transform:uppercase}.meta-value{color:#8a2be2;color:var(--text-primary);font-weight:600}.complexity-low{color:#10b981;color:var(--success)}.complexity-medium{color:#f59e0b;color:var(--warning)}.complexity-high{color:#ef4444;color:var(--error)}@media (max-width:768px){.templates-grid,.tokens-grid{gap:16px;grid-template-columns:1fr;padding:0 16px}.token-categories{padding:0 16px}.template-card,.token-type-card{padding:20px}.section-header h2{font-size:1.75rem}.type-header{flex-direction:column;gap:12px}.type-icon{font-size:1.5rem}}@keyframes fireBackground{0%,to{background-position:0 50%;filter:hue-rotate(0deg) brightness(1)}25%{background-position:100% 50%;filter:hue-rotate(10deg) brightness(1.1)}50%{background-position:50% 100%;filter:hue-rotate(-10deg) brightness(1.2)}75%{background-position:0 0;filter:hue-rotate(5deg) brightness(1.1)}}@keyframes pulseIntensity{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}@keyframes adrenalineShake{0%,to{transform:translateX(0)}25%{transform:translateX(-1px)}50%{transform:translateX(1px)}75%{transform:translateX(-.5px)}}.modern-swaps-page{animation:fireBackground 15s ease-in-out infinite;background:radial-gradient(circle at 20% 20%,#ff8c0014 0,#0000 50%),radial-gradient(circle at 80% 80%,#ff450014 0,#0000 50%),radial-gradient(circle at 40% 60%,#ffa5000d 0,#0000 50%),linear-gradient(135deg,#fff,#fff5e6 50%,#fff);background-size:200% 200%;overflow:visible;position:relative;width:100%}.modern-swaps-page:before{animation:pulseIntensity 3s ease-in-out infinite;background:radial-gradient(circle at 10% 10%,#ff8c0008 0,#0000 40%),radial-gradient(circle at 90% 90%,#ff450008 0,#0000 40%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:1}.dark-mode .modern-swaps-page,[data-theme=dark] .modern-swaps-page,body.dark-mode .modern-swaps-page{background:radial-gradient(circle at 20% 20%,#ff000026 0,#0000 50%),radial-gradient(circle at 80% 80%,#ff450026 0,#0000 50%),radial-gradient(circle at 40% 60%,#ffa5001a 0,#0000 50%),linear-gradient(135deg,#000,#1a0000 50%,#000)}.dark-mode .modern-swaps-page:before,[data-theme=dark] .modern-swaps-page:before,body.dark-mode .modern-swaps-page:before{background:radial-gradient(circle at 10% 10%,#ff45000d 0,#0000 40%),radial-gradient(circle at 90% 90%,#ff00000d 0,#0000 40%)}.swap-header-section{background:#fff;background:var(--surface-color);border-bottom:1px solid #8a2be233;border-bottom:1px solid var(--border-color);padding:16px 0}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 24px}.title-section h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8a2be2,silver 25%,gold 50%,silver 75%,#8a2be2);background:var(--gradient-premium);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;margin:0 0 8px}.title-section p{font-size:1.1rem;margin:0}.live-indicator,.title-section p{color:#6a1b9a;color:var(--text-secondary)}.live-indicator{align-items:center;display:flex;font-size:.9rem;gap:8px}.indicator-dot{animation:pulse 2s infinite;background:#10b981;background:var(--success);border-radius:50%;height:8px;width:8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.last-update{color:#8a2be299;color:var(--text-muted);font-size:.7rem}.swap-main{padding:20px 0}.swap-layout{grid-gap:32px;align-items:stretch;display:grid;gap:32px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;overflow:visible;padding:0 24px}@keyframes swapPanelPulse{0%,to{border-color:#ff450066;box-shadow:0 0 30px #ff45004d,0 0 60px #f003,inset 0 0 20px #ff45000d,0 10px 15px #0000001a,0 20px 25px #8a2be21a;box-shadow:0 0 30px #ff45004d,0 0 60px #f003,inset 0 0 20px #ff45000d,var(--shadow-lg)}50%{border-color:#ff450099;box-shadow:0 0 50px #ff450080,0 0 100px #ff00004d,inset 0 0 30px #ff45001a,0 20px 25px #0000001a,0 25px 50px #8a2be226;box-shadow:0 0 50px #ff450080,0 0 100px #ff00004d,inset 0 0 30px #ff45001a,var(--shadow-xl)}}.swap-panel{animation:none;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:linear-gradient(135deg,#fff5e6f2,#fff0dcf2 50%,#fff5e6f2);background-clip:padding-box,border-box;background-image:linear-gradient(#fff5e6f2,#fff5e6f2),linear-gradient(90deg,#f60,#ff8c00,orange,#ff8c00,#f60);background-origin:border-box;border:3px solid #0000;border-radius:16px;box-shadow:0 0 40px #ff8c0033,0 0 80px #ff450026,inset 0 0 30px #ffa5000d,0 10px 40px #0000001a;display:flex;flex-direction:column;height:460px;overflow:hidden;padding:10px 16px 16px;position:relative;z-index:2}.swap-panel:before{animation:none;background:linear-gradient(45deg,#f60,#ff8c00,orange,#ff8c00,#f60);border-radius:20px;bottom:-3px;content:"";left:-3px;opacity:.2;position:absolute;right:-3px;top:-3px;z-index:-1}.dark-mode .swap-panel,[data-theme=dark] .swap-panel,body.dark-mode .swap-panel{background:linear-gradient(135deg,#1a0000f2,#2d0000f2 50%,#1a0000f2);background-image:linear-gradient(#1a0000f2,#1a0000f2),linear-gradient(90deg,red,#ff6b00,orange,#ff6b00,red);box-shadow:0 0 30px #ff45004d,0 0 60px #f003,inset 0 0 20px #ff45000d,0 10px 15px #0000001a,0 20px 25px #8a2be21a;box-shadow:0 0 30px #ff45004d,0 0 60px #f003,inset 0 0 20px #ff45000d,var(--shadow-lg);display:flex;flex-direction:column;height:100%;overflow:hidden}.dark-mode .swap-panel:before,[data-theme=dark] .swap-panel:before,body.dark-mode .swap-panel:before{background:linear-gradient(45deg,red,#ff6b00,orange,#ff6b00,red);opacity:.3}@keyframes fireRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.panel-header{align-items:center;border-bottom:1px solid #8a2be233;border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;height:60px;justify-content:space-between;margin-bottom:16px;min-height:60px;padding-bottom:12px}.panel-header h2,.rates-header h2{-webkit-text-fill-color:#0000;align-items:center;animation:none;background:linear-gradient(90deg,#c50,#f60,#ff8c00,orange);-webkit-background-clip:text;background-clip:text;box-sizing:border-box;color:#c50;display:flex;font-size:1.8rem;font-weight:900;height:2.16rem;letter-spacing:2px;line-height:1.2;margin:0;padding:0;text-shadow:0 0 8px #c509,0 0 16px #f606,0 0 24px #ff8c0033;text-transform:uppercase;vertical-align:initial}.dark-mode .panel-header h2,.dark-mode .rates-header h2,[data-theme=dark] .panel-header h2,[data-theme=dark] .rates-header h2,body.dark-mode .panel-header h2,body.dark-mode .rates-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,red,#ff6b00,orange,#ff0);-webkit-background-clip:text;background-clip:text;color:orange;text-shadow:0 0 10px #ff4500cc,0 0 20px #f009,0 0 30px #ffa50066}@keyframes fireText{0%,to{filter:hue-rotate(0deg) brightness(1) saturate(1)}25%{filter:hue-rotate(10deg) brightness(1.2) saturate(1.3)}50%{filter:hue-rotate(-10deg) brightness(1.4) saturate(1.5)}75%{filter:hue-rotate(5deg) brightness(1.1) saturate(1.2)}}.network-selector{display:flex;justify-content:flex-end;margin-bottom:0}.network-dropdown{min-width:140px;position:relative}.network-selector-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#4755694d;border:1px solid #47556980;border-radius:20px;color:#ffffffe6;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;height:36px;min-height:36px;padding:8px 16px;transition:all .2s ease}.network-selector-btn:hover{box-shadow:0 0 15px #ff450033}.network-dropdown.open .network-selector-btn,.network-selector-btn:hover{background:#47556980;border-color:#ff6b3599}.network-dropdown-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293bf2;border:1px solid #47556980;border-radius:16px;box-shadow:0 10px 30px #0006,0 0 20px #ff45001a;left:0;margin-top:4px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.network-option{align-items:center;color:#fffc;cursor:pointer;display:flex;font-size:.875rem;gap:8px;padding:10px 16px;transition:all .2s ease}.network-option:hover{background:#4755694d;color:#fffffff2}.network-option.selected{background:#ff6b3533;color:#ff6b35e6}.network-option-icon{font-size:1rem;text-align:center;width:16px}.network-dropdown-arrow{font-size:.75rem;transition:transform .2s ease}.network-dropdown.open .network-dropdown-arrow{transform:rotate(180deg)}.network-chip{align-items:center;background:#ffffffe6;background:var(--glass-bg);border:2px solid #8a2be233;border:2px solid var(--border-color);border-radius:9999px;border-radius:var(--radius-full);color:#8a2be2;color:var(--text-primary);cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:6px;padding:8px 12px;transition:all .3s ease}.network-chip:hover{background:var(--glass-hover-bg);border-color:gold;border-color:var(--primary-gold)}.network-chip.active{background:linear-gradient(135deg,#ffd70020,#ffffffe6);background:linear-gradient(135deg,var(--network-color,var(--primary-gold))20,var(--glass-bg));border-color:gold;border-color:var(--network-color,var(--primary-gold));color:#8a2be2;color:var(--text-primary)}.network-icon{font-size:1rem}.network-name{font-size:.7rem}.swap-form-modern{background:#1e293bf2;border:1px solid #ff6b3533;border-radius:24px;box-shadow:0 20px 40px #0006,0 0 30px #ff45001a,inset 0 1px 0 #ffffff1a;gap:4px;height:auto;padding:24px;position:relative}.swap-input-modern{background:#0f172acc;border:1px solid #47556966;border-radius:16px;box-sizing:border-box;display:flex;flex-direction:column;min-height:80px;overflow:visible;padding:16px 18px;position:relative;transition:all .2s ease;z-index:1}.swap-input-modern:focus-within{border-color:#ff6b3599;box-shadow:0 0 0 1px #ff6b354d,0 0 20px #ff450033}.swap-input-modern:hover{background:#0f172ae6;border-color:#47556999}.input-header{font-size:.75rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.input-header span:first-child{color:#94a3b8e6;font-weight:600}.balance,.rate{color:#8a2be299;color:var(--text-muted);font-size:.85rem}.input-body{box-sizing:border-box;gap:8px;justify-content:space-between;min-height:48px;overflow:visible;position:relative;z-index:1}.amount-input{background:#0000;color:#8a2be2;color:var(--text-primary);flex:0 1 60%;font-size:1.4rem;font-weight:600;line-height:1.2;max-width:60%;min-height:32px;padding:8px 0}.amount-input.output,.network-fee-simple{color:gold;color:var(--primary-gold)}.network-fee-simple{align-items:center;display:flex;font-family:inherit;font-size:.8rem;font-weight:500;justify-content:flex-end;margin-top:6px;opacity:.9}.amount-input::placeholder{color:#8a2be299;color:var(--text-muted)}.network-fee-display{align-items:center;background:#4755691a;border:1px solid #47556933;border-radius:8px;display:flex;font-size:.8rem;justify-content:space-between;margin-top:8px;padding:8px 12px;transition:all .2s ease}.fee-label{color:#8a2be299;color:var(--text-muted);font-weight:500}.fee-amount{color:#8a2be2;color:var(--text-primary);font-family:monospace;font-weight:600}.light-mode .network-fee-display,:root.light-mode .network-fee-display,body.light-mode .network-fee-display{background:#8a2be20d;border-color:#8a2be226}.light-mode .fee-amount,:root.light-mode .fee-amount,body.light-mode .fee-amount{color:#8a2be2}body.dark-mode .network-fee-display,body[data-theme=dark] .network-fee-display,html.dark-mode .network-fee-display{background:#ff45001a;border-color:#ff450040}body.dark-mode .fee-amount,body[data-theme=dark] .fee-amount,html.dark-mode .fee-amount{color:orange}.token-selector-advanced{flex-grow:0;flex-shrink:0;margin:0 4px 0 0;max-width:150px;min-width:130px;position:relative;z-index:10}.token-selector-advanced.active-selector{position:relative!important;z-index:2147483645!important}.token-selector-advanced:not(.active-selector){z-index:5!important}.token-selector-advanced.active-selector{outline:2px solid red!important}.token-display{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#4755694d;border:1px solid #47556980;border-radius:20px;box-sizing:border-box;cursor:pointer;display:flex;gap:6px;height:38px;min-width:100px;overflow:visible;padding:8px 14px;position:relative;transition:all .2s ease;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:100%;z-index:10}.token-display:hover{background:#47556980;border-color:#ff6b3599;box-shadow:0 0 15px #ff450033;transform:scale(1.02)}.token-display:active{border-color:#8a2be2;border-color:var(--primary-purple);transform:scale(.98)}.token-logo{background:#8a2be233;background:var(--border-color);border-radius:50%;display:block;flex-shrink:0;height:20px;min-height:20px;min-width:20px;object-fit:cover;pointer-events:none;width:20px}.token-info{flex:1 1;flex-direction:column;min-width:0;pointer-events:none}.token-symbol{color:#8a2be2;color:var(--text-primary);flex-shrink:1;font-size:.85rem;font-weight:600;max-width:80px;overflow:hidden;pointer-events:none;text-overflow:ellipsis;white-space:nowrap}.custom-badge{background:#8a2be2;background:var(--primary-purple)}.custom-badge,.meme-badge{border-radius:3px;color:#fff;font-size:.6rem;font-weight:700;margin-left:4px;padding:1px 4px;pointer-events:none}.meme-badge{background:linear-gradient(135deg,#ff6b6b,#4ecdc4)}.dropdown-arrow{color:#8a2be299;color:var(--text-muted);flex-shrink:0;font-size:.65rem;margin-left:auto;pointer-events:none;transition:transform .2s ease}.dropdown-arrow.open{transform:rotate(180deg)}.token-dropdown-panel{animation:modalFadeIn .2s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff;background:var(--surface-color);background-color:#fff;background-color:var(--surface-color);border:2px solid gold;border:2px solid var(--primary-gold);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 30px 100px #000000b3,0 15px 30px #00000080;display:flex;flex-direction:column;height:500px;height:var(--dropdown-height,500px);left:50%;left:var(--dropdown-left,50%);max-height:80vh;max-width:90vw;opacity:1;overflow:hidden;position:fixed;top:50%;top:var(--dropdown-top,50%);transform:translateZ(0);width:400px;width:var(--dropdown-width,400px);will-change:transform;z-index:999999!important}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95) translateZ(0)}to{opacity:1;transform:scale(1) translateZ(0)}}.token-dropdown-panel.above{margin-bottom:4px;margin-top:0}.token-dropdown-panel.above-constrained,.token-dropdown-panel.below-constrained{margin-bottom:0;margin-top:0}.dropdown-backdrop{animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999998!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-close-btn{align-items:center;background:#ffffffe6;background:var(--glass-bg);border:1px solid #8a2be233;border:1px solid var(--border-color);border-radius:50%;color:#8a2be2;color:var(--text-primary);cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .2s ease;width:32px;z-index:10}.modal-close-btn:hover{background:gold;background:var(--primary-gold);color:#36454f;color:var(--charcoal);transform:scale(1.1)}.search-section{border-bottom:1px solid #8a2be233;border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:12px;padding:48px 16px 16px}.unified-search-form{display:flex;flex-direction:column;gap:8px;position:relative}.unified-search-form .add-token-btn{align-self:flex-end;border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 2px 4px #8b451333;font-size:.9rem;font-weight:600;margin-top:4px;padding:8px 12px;transition:all .2s ease}.unified-search-form .add-token-btn:hover{box-shadow:0 4px 8px #8b45134d;transform:translateY(-1px)}.unified-search-input{background:#fafafa;background:var(--background-secondary);border:1px solid #8a2be233;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);color:#8a2be2;color:var(--text-primary);font-size:.9rem;outline:none;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.unified-search-input:focus{border-color:gold;border-color:var(--primary-gold);box-shadow:0 0 0 2px #ffd7001a}.unified-search-input::placeholder{color:#8a2be299;color:var(--text-muted)}.contract-address-hint{animation:contractHintPulse 2s ease-in-out infinite,contractHintGlow 4s ease-in-out infinite;background:linear-gradient(135deg,#ff6b35,#ff4500 50%,#dc2626);border:1px solid #ff6b35cc;border-radius:20px;box-shadow:0 0 15px #ff6b3566,0 2px 8px #0003,inset 0 1px 0 #fff3;color:#fff;font-size:.75rem;font-weight:600;overflow:hidden;padding:8px 16px;position:relative;text-align:center;text-shadow:0 1px 2px #0000004d}.contract-address-hint:before{animation:fireFlicker 1.5s ease-in-out infinite;content:"🔥";font-size:.9rem;left:8px;position:absolute;top:50%;transform:translateY(-50%)}.contract-address-hint:after{animation:shimmer 3s linear infinite;background:linear-gradient(45deg,#0000,#fff3,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes contractHintPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.95;transform:scale(1.02)}}@keyframes contractHintGlow{0%,to{box-shadow:0 0 15px #ff6b3566,0 2px 8px #0003,inset 0 1px 0 #fff3}50%{box-shadow:0 0 25px #ff450099,0 0 35px #ff6b3566,0 4px 12px #0000004d,inset 0 1px 0 #ffffff4d}}.warning-badge{animation:fieryPulse 1.5s ease-in-out infinite,fieryGlow 3s ease-in-out infinite;background:linear-gradient(135deg,#ff6b35,#ff4500 50%,#dc2626);border:1px solid #ff6b35cc;border-radius:12px;box-shadow:0 0 8px #ff6b3566,0 2px 4px #0003,inset 0 1px 0 #fff3;color:#fff;font-size:.65rem;font-weight:700;overflow:hidden;padding:3px 8px;position:relative;text-shadow:0 1px 2px #0000004d}.warning-badge:before{animation:shimmer 2s linear infinite;background:linear-gradient(45deg,#0000,#ffffff4d,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes fieryPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}@keyframes fieryGlow{0%,to{box-shadow:0 0 8px #ff6b3566,0 2px 4px #0003,inset 0 1px 0 #fff3}50%{box-shadow:0 0 20px #ff6b35cc,0 0 30px #ff450099,0 2px 8px #0000004d,inset 0 1px 0 #ffffff4d}}.unverified-warning-section{animation:modernWarningGlow 4s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ff6b3526,#ff45001a 50%,#dc262614);background-clip:padding-box;border:2px solid #0000;border-radius:16px;margin:16px;overflow:hidden;padding:16px;position:relative}.unverified-warning-section:before{animation:borderRotate 3s linear infinite;background:linear-gradient(45deg,#ff6b35,#ff4500,#dc2626,#ff6b35);border-radius:16px;bottom:0;content:"";left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:source-out;mask-composite:subtract;padding:2px;position:absolute;right:0;top:0;z-index:-1}.unverified-warning-section:after{animation:fireSwirl 8s linear infinite;background:linear-gradient(45deg,#0000,#ff6b351a,#0000,#ff45000d);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%;z-index:-1}@keyframes modernWarningGlow{0%,to{box-shadow:0 0 20px #ff6b354d,0 4px 15px #0000001a;transform:scale(1)}50%{box-shadow:0 0 40px #ff450080,0 0 60px #ff6b354d,0 8px 25px #00000026;transform:scale(1.01)}}@keyframes borderRotate{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes fireSwirl{0%{opacity:.3;transform:translateX(-100%) translateY(-100%) rotate(0deg)}50%{opacity:.6}to{opacity:.3;transform:translateX(100%) translateY(100%) rotate(1turn)}}.warning-header{align-items:center;display:flex;gap:12px;margin-bottom:8px;position:relative}.warning-icon{animation:fieryBounce 2s ease-in-out infinite,iconFlicker 3s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(255,107,53,.8));font-size:1.4rem;position:relative;z-index:2}.warning-icon:before{animation:fireFlicker 1.5s ease-in-out infinite;content:"🔥";font-size:.7rem;left:-8px;opacity:.7;position:absolute;top:-5px}@keyframes fieryBounce{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-3px) rotate(-5deg)}50%{transform:translateY(-1px) rotate(0deg)}75%{transform:translateY(-2px) rotate(3deg)}}@keyframes iconFlicker{0%,to{filter:drop-shadow(0 0 8px rgba(255,107,53,.8))}50%{filter:drop-shadow(0 0 15px rgba(255,69,0,1)) drop-shadow(0 0 25px rgba(220,38,38,.6))}}@keyframes fireFlicker{0%,to{opacity:.8;transform:scale(1) rotate(0deg)}25%{opacity:.95;transform:scale(1.03) rotate(-3deg)}50%{opacity:.75;transform:scale(.98) rotate(2deg)}75%{opacity:.9;transform:scale(1.02) rotate(-1deg)}}.warning-title{-webkit-text-fill-color:#0000;animation:titleGlow 3s ease-in-out infinite;background:linear-gradient(135deg,#ff6b35,#ff4500 50%,#dc2626);-webkit-background-clip:text;background-clip:text;font-size:1rem;font-weight:700;position:relative;text-shadow:0 0 10px #ff6b354d}@keyframes titleGlow{0%,to{filter:drop-shadow(0 0 5px rgba(255,107,53,.3))}50%{filter:drop-shadow(0 0 15px rgba(255,69,0,.6))}}.warning-message{color:#6a1b9a;color:var(--text-secondary);font-size:.85rem;line-height:1.5;position:relative;text-shadow:0 1px 2px #0000001a;z-index:2}.warning-modal-backdrop{animation:backdropFadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#000000e6!important;height:100vh!important;left:0!important;position:fixed!important;top:0!important;width:100vw!important;z-index:2147483647!important}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}.fiery-warning-modal{animation:modalSlideIn .4s cubic-bezier(.175,.885,.32,1.275);left:50%!important;max-height:80vh!important;overflow-y:auto!important;position:fixed!important;top:50%!important;transform:translate(-50%,-50%)!important;width:min(500px,90vw)!important;z-index:2147483647!important}@keyframes modalSlideIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.8) rotateX(20deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotateX(0deg)}}.modal-flame-border{animation:flameBorderRotate 3s linear infinite;background:linear-gradient(45deg,#ff6b35,#ff4500,#dc2626,#ff6b35,#ff4500);background-size:300% 300%;border-radius:20px;bottom:-3px;left:-3px;position:absolute;right:-3px;top:-3px;z-index:-1}@keyframes flameBorderRotate{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.modal-content{background:linear-gradient(135deg,#fff,#fafafa);background:linear-gradient(135deg,var(--background-primary) 0,var(--background-secondary) 100%);border-radius:18px;box-shadow:0 0 40px #ff6b3566,0 20px 40px #0000004d;overflow:hidden;padding:0;position:relative}.warning-modal-header{background:linear-gradient(135deg,#ff6b3533,#ff450026 50%,#dc26261a);overflow:hidden;padding:24px;position:relative;text-align:center}.warning-modal-header:before{animation:headerShimmer 4s linear infinite;background:linear-gradient(45deg,#0000,#ff6b351a,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes headerShimmer{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}.flame-icons{align-items:center;display:flex;font-size:2rem;gap:16px;justify-content:center;margin-bottom:8px}.flame-left,.flame-right{animation:flameFlicker 1.5s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(255,107,53,.8))}.flame-left{animation-delay:0s}.flame-right{animation-delay:.5s}.warning-skull{animation:skullBounce 2s ease-in-out infinite;filter:drop-shadow(0 0 15px rgba(220,38,38,.8));font-size:2.5rem}@keyframes skullBounce{0%,to{filter:drop-shadow(0 0 15px rgba(220,38,38,.8));transform:translateY(0) rotate(0deg)}50%{filter:drop-shadow(0 0 25px rgba(220,38,38,1));transform:translateY(-8px) rotate(-5deg)}}.warning-modal-title{-webkit-text-fill-color:#0000;animation:titlePulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ff6b35,#ff4500 50%,#dc2626);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:900;letter-spacing:2px;margin:0;text-shadow:0 0 20px #ff6b3580}@keyframes titlePulse{0%,to{filter:drop-shadow(0 0 10px rgba(255,107,53,.5));transform:scale(1)}50%{filter:drop-shadow(0 0 20px rgba(255,69,0,.8));transform:scale(1.05)}}.warning-subtitle{color:#6a1b9a;color:var(--text-secondary);font-size:1.1rem;font-weight:600;margin-top:8px;text-shadow:0 1px 2px #0000004d}.warning-modal-body{padding:24px}.risk-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:24px}.risk-item{align-items:center;animation:riskItemGlow 3s ease-in-out infinite;background:#ff6b351a;border:1px solid #ff6b354d;border-radius:12px;color:#8a2be2;color:var(--text-primary);display:flex;font-weight:600;gap:8px;padding:12px}.risk-item:nth-child(odd){animation-delay:0s}.risk-item:nth-child(2n){animation-delay:1s}@keyframes riskItemGlow{0%,to{box-shadow:0 0 5px #ff6b354d}50%{box-shadow:0 0 15px #ff450080}}.risk-icon{filter:drop-shadow(0 0 5px rgba(255,107,53,.6));font-size:1.2rem}.contract-display{background:#fafafa;background:var(--background-secondary);border:2px solid #ff6b354d;border-radius:12px;margin-bottom:20px;padding:16px}.contract-label{color:#8a2be299;color:var(--text-muted);font-size:.9rem;font-weight:600;margin-bottom:8px}.contract-address-display{animation:contractGlow 2s ease-in-out infinite;background:#ffd7001a;border:1px solid #ffd7004d;border-radius:8px;color:gold;color:var(--primary-gold);font-family:monospace;font-size:.9rem;padding:8px 12px;word-break:break-all}@keyframes contractGlow{0%,to{box-shadow:0 0 5px #ffd7004d}50%{box-shadow:0 0 15px #ffd70099}}.safety-checklist{background:#22c55e1a;border:2px solid #22c55e4d;border-radius:12px;margin-bottom:20px;padding:16px}.checklist-header{color:#8a2be2;color:var(--text-primary);font-size:1rem;font-weight:700;margin-bottom:8px;text-align:center}.checklist-items{display:flex;flex-direction:column;gap:8px}.checklist-item{color:#6a1b9a;color:var(--text-secondary);font-size:.9rem;padding:4px 0}.danger-warning{animation:dangerPulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#ff450033,#dc262626);border:2px solid #ff450080;border-radius:12px;color:#8a2be2;color:var(--text-primary);font-size:1.1rem;font-weight:800;overflow:hidden;padding:16px;position:relative;text-align:center}@keyframes dangerPulse{0%,to{box-shadow:0 0 10px #ff450066;transform:scale(1)}50%{box-shadow:0 0 25px #ff4500b3;transform:scale(1.02)}}.warning-flash{animation:flashBolt 1s ease-in-out infinite alternate;filter:drop-shadow(0 0 8px rgba(255,215,0,.8));font-size:1.3rem}@keyframes flashBolt{0%{opacity:1;transform:scale(1)}to{opacity:.6;transform:scale(1.1)}}.warning-modal-actions{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000001a;display:flex;gap:16px;padding:24px}.cancel-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 4px 12px #10b9814d;color:#fff;cursor:pointer;flex:1 1;font-size:1rem;font-weight:700;padding:14px 20px;text-shadow:0 1px 2px #0003;transition:all .3s ease}.cancel-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.danger-btn{animation:dangerButtonPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ff6b35,#dc2626);border:none;border-radius:12px;box-shadow:0 4px 12px #ff6b3566;color:#fff;cursor:pointer;flex:1 1;font-size:1rem;font-weight:700;overflow:hidden;padding:14px 20px;position:relative;text-shadow:0 1px 2px #0000004d;transition:all .3s ease}.danger-btn:before{animation:buttonShimmer 3s linear infinite;background:linear-gradient(45deg,#0000,#fff3,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes dangerButtonPulse{0%,to{box-shadow:0 4px 12px #ff6b3566}50%{box-shadow:0 6px 20px #ff450099}}@keyframes buttonShimmer{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}.danger-btn:hover{background:linear-gradient(135deg,#dc2626,#991b1b);box-shadow:0 8px 25px #ff450099;transform:translateY(-2px)}.danger-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.token-search-input{background:#fafafa;background:var(--background-secondary);border:1px solid #8a2be233;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);color:#8a2be2;color:var(--text-primary);font-size:.9rem;outline:none;padding:10px 12px;transition:border-color .2s ease;width:100%}.token-search-input:focus{border-color:gold;border-color:var(--primary-gold)}.token-search-input::placeholder{color:#8a2be299;color:var(--text-muted)}.contract-input-form{display:flex;gap:8px}.contract-input{background:#fafafa;background:var(--background-secondary);border:1px solid #8a2be233;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);color:#8a2be2;color:var(--text-primary);flex:1 1;font-family:monospace;font-size:.7rem;outline:none;padding:8px 10px;transition:border-color .2s ease}.contract-input:focus{border-color:#8a2be2;border-color:var(--primary-purple)}.contract-input::placeholder{color:#8a2be299;color:var(--text-muted)}.add-token-btn{align-items:center;background:#8a2be2;background:var(--primary-purple);border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-weight:700;height:32px;justify-content:center;transition:all .2s ease;width:32px}.add-token-btn:hover:not(:disabled){background:gold;background:var(--primary-gold);transform:scale(1.05)}.add-token-btn:disabled{cursor:not-allowed;opacity:.5}.token-list{flex:1 1;max-height:280px;min-height:100px;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth}.token-option{align-items:center;border-bottom:1px solid #8a2be233;border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;gap:12px;padding:12px 16px;position:relative;transition:background-color .2s ease;z-index:1}.token-option:hover{background:var(--glass-hover-bg)}.token-option.selected{background:linear-gradient(135deg,#ffd7001a,#ffffffe6);background:linear-gradient(135deg,#ffd7001a,var(--glass-bg));border-left:3px solid gold;border-left:3px solid var(--primary-gold)}.token-option:last-child{border-bottom:none}.token-option-logo{background:#8a2be233;background:var(--border-color);border-radius:50%;flex-shrink:0;height:28px;object-fit:cover;width:28px}.token-option-info{flex:1 1;min-width:0}.token-option-symbol{align-items:center;color:#8a2be2;color:var(--text-primary);display:flex;font-size:.9rem;font-weight:600;margin-bottom:2px}.token-option-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contract-address,.token-option-name{color:#8a2be299;color:var(--text-muted);font-size:.7rem}.contract-address{font-family:monospace;margin-top:2px}.no-tokens{color:#8a2be299;color:var(--text-muted);font-size:.9rem;padding:24px;text-align:center}.swap-arrow-modern{margin:12px 0}.swap-flip-btn{background:#1e293be6;border:1px solid #ff6b3566;box-shadow:0 4px 12px #0000004d,0 0 20px #ff450026;color:#ff6b35cc;height:36px;position:relative;transition:all .2s ease;width:36px;z-index:5}.swap-flip-btn:hover{background:#ff6b35cc;border-color:#ff6b35cc;box-shadow:0 6px 20px #0006,0 0 30px #ff450066;color:#fff}.swap-action{margin-top:16px}.price-display-section{display:flex;gap:6px;margin-top:6px;padding:0 16px}.price-card{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#fff,#8a2be20d);background:linear-gradient(135deg,var(--surface-color) 0,#8a2be20d 100%);border:1px solid #8a2be24d;border:1px solid var(--border-primary);border-radius:.75rem;border-radius:var(--radius-lg);display:flex;flex:1 1;gap:1rem;gap:var(--space-sm);min-width:0;overflow:hidden;padding:1.5rem;padding:var(--space-md);position:relative}.price-card,.price-card:before{transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.price-card:before{background:linear-gradient(135deg,#8a2be2,gold);background:var(--gradient-primary);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0}.price-card:hover{background:linear-gradient(135deg,#fff,#ffd70014);background:linear-gradient(135deg,var(--surface-color) 0,#ffd70014 100%);border-color:gold;border-color:var(--primary-gold);box-shadow:0 4px 14px #ffd70040,0 0 0 1px #ffd7001a;box-shadow:var(--shadow-gold);transform:translateY(-1px)}.price-card:hover:before{opacity:1}.price-card-icon{align-items:center;background:linear-gradient(135deg,#e5e4e2,silver 50%,#e5e5e5);background:var(--gradient-silver);border:2px solid #0000;border-radius:50%;box-shadow:0 2px 4px #0000000f,0 2px 6px #8a2be212;box-shadow:var(--shadow-sm);display:flex;flex-shrink:0;height:32px;justify-content:center;transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal);width:32px}.price-card:hover .price-card-icon{border-color:gold;border-color:var(--primary-gold);box-shadow:0 4px 14px #ffd70040,0 0 0 1px #ffd7001a;box-shadow:var(--shadow-gold);transform:scale(1.1)}.price-card-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.price-card-symbol{color:#8a2be2;color:var(--text-primary);font-family:Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-family:var(--font-display);font-size:.9rem;font-weight:700;letter-spacing:.02em;margin-bottom:2px}.price-card-name{color:#8a2be299;color:var(--text-muted);font-family:Inter,SF Pro Text,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-family:var(--font-body);font-size:.75rem;opacity:.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.price-card-price{align-items:flex-end;display:flex;flex-direction:column;gap:2px;text-align:right}.price-card-value{color:#8a2be2;color:var(--text-primary);font-size:.9rem;font-weight:700;margin-bottom:2px;text-shadow:0 1px 2px #0000001a}.price-card-change,.price-card-value{font-family:JetBrains Mono,SF Mono,Monaco,monospace;font-family:var(--font-accent)}.price-card-change{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #0000;border-radius:.375rem;border-radius:var(--radius-sm);display:flex;font-size:.75rem;font-weight:600;gap:2px;padding:2px 6px}.price-card-change.positive{background:#10b9811a;border-color:#10b98133;color:#10b981;color:var(--success)}.price-card-change.positive:before{color:#10b981;color:var(--success);content:"↗";font-size:.8em}.price-card-change.negative{background:#ef44441a;border-color:#ef444433;color:#ef4444;color:var(--error)}.price-card-change.negative:before{color:#ef4444;color:var(--error);content:"↘";font-size:.8em}.light-mode .swap-form-modern,:root.light-mode .swap-form-modern,body.light-mode .swap-form-modern{background:#fffffff2;border-color:#ff6b3526;box-shadow:0 20px 40px #0000001a,0 0 30px #ff45000d,inset 0 1px 0 #fffc}.light-mode .swap-input-modern,:root.light-mode .swap-input-modern,body.light-mode .swap-input-modern{background:#f8fafce6;border-color:#cbd5e199}.light-mode .swap-input-modern:hover,:root.light-mode .swap-input-modern:hover,body.light-mode .swap-input-modern:hover{background:#f1f5f9f2;border-color:#cbd5e1cc}.light-mode .token-display,:root.light-mode .token-display,body.light-mode .token-display{background:#f1f5f9cc;border-color:#cbd5e199}.light-mode .token-display:hover,:root.light-mode .token-display:hover,body.light-mode .token-display:hover{background:#e2e8f0e6;border-color:#ff6b3566;box-shadow:0 0 15px #ff45001a}.light-mode .price-card,:root.light-mode .price-card,body.light-mode .price-card{background:linear-gradient(135deg,#fff,#8a2be208);background:linear-gradient(135deg,var(--surface-color) 0,#8a2be208 100%);border-color:#8a2be21a;border-color:var(--border-secondary);box-shadow:0 2px 4px #0000000f,0 2px 6px #8a2be212;box-shadow:var(--shadow-sm)}.light-mode .price-card:hover,:root.light-mode .price-card:hover,body.light-mode .price-card:hover{background:linear-gradient(135deg,#fff,#ffd7000d);background:linear-gradient(135deg,var(--surface-color) 0,#ffd7000d 100%);border-color:gold;border-color:var(--primary-gold);box-shadow:0 4px 14px #ffd70040,0 0 0 1px #ffd7001a;box-shadow:var(--shadow-gold)}.light-mode .price-card-symbol,:root.light-mode .price-card-symbol,body.light-mode .price-card-symbol{color:#8a2be2;color:var(--text-primary)}.light-mode .price-card-name,:root.light-mode .price-card-name,body.light-mode .price-card-name{color:#8a2be299;color:var(--text-muted)}.light-mode .price-card-value,:root.light-mode .price-card-value,body.light-mode .price-card-value{color:#8a2be2;color:var(--text-primary)}.light-mode .price-card-icon,:root.light-mode .price-card-icon,body.light-mode .price-card-icon{background:linear-gradient(135deg,#e5e4e2,silver 50%,#e5e5e5);background:var(--gradient-silver);border-color:#8a2be21a;border-color:var(--border-secondary)}.light-mode .price-card:hover .price-card-icon,:root.light-mode .price-card:hover .price-card-icon,body.light-mode .price-card:hover .price-card-icon{border-color:gold;border-color:var(--primary-gold);box-shadow:0 4px 14px #ffd70040,0 0 0 1px #ffd7001a;box-shadow:var(--shadow-gold)}.price-card.loading{opacity:.7;pointer-events:none}.price-card.loading .price-card-change,.price-card.loading .price-card-value{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);background-size:200% 100%;border-radius:.375rem;border-radius:var(--radius-sm);color:#0000}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.price-card.error{background:linear-gradient(135deg,#fff,#ef44440d);background:linear-gradient(135deg,var(--surface-color) 0,#ef44440d 100%);border-color:#ef4444;border-color:var(--error)}.price-card.error .price-card-value{color:#ef4444;color:var(--error)}.price-card.error .price-card-change{background:#ef44441a;border-color:#ef444433;color:#ef4444;color:var(--error)}.price-card.error .price-card-change:before{color:#ef4444;color:var(--error);content:"⚠"}.price-cards-container{display:flex;flex-wrap:wrap}.price-cards-container,.price-cards-grid{gap:1rem;gap:var(--space-sm);margin:1.5rem 0;margin:var(--space-md) 0}.price-cards-grid{grid-gap:1rem;grid-gap:var(--space-sm);display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}@media (max-width:768px){.price-card{min-width:160px;padding:1rem;padding:var(--space-sm)}.price-card-icon{height:28px;width:28px}.price-card-name,.price-card-symbol,.price-card-value{font-size:.7rem}.price-card-change{font-size:.7rem;padding:1px 4px}.price-cards-container,.price-cards-grid{gap:.5rem;gap:var(--space-xs)}.price-cards-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}@media (max-width:480px){.price-card{min-width:140px;padding:10px}.price-cards-container{flex-direction:column}.price-cards-grid{grid-template-columns:1fr 1fr}}.sound-settings-backdrop{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;bottom:0;left:0;position:fixed;right:0;top:0;z-index:2147483645}.sound-settings-modal{animation:modalSlideIn .3s cubic-bezier(.68,-.55,.265,1.55);background:#1e293bf2;border:2px solid #ff6b3566;border-radius:20px;box-shadow:0 20px 40px #00000080,0 0 40px #ff450033,inset 0 1px 0 #ffffff1a;left:50%;max-height:80vh;max-width:600px;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:90vw;z-index:2147483646}.sound-settings-header{align-items:center;background:linear-gradient(90deg,#ff45001a,#ff6b350d);border-bottom:1px solid #4755694d;display:flex;justify-content:space-between;padding:20px 24px}.settings-title{display:flex;flex-direction:column;gap:4px}.title-icon{font-size:1.5rem;margin-bottom:4px}.settings-title h2{color:#fffffff2;font-size:1.5rem;font-weight:900;margin:0;text-shadow:0 2px 4px #00000080}.subtitle{color:#94a3b8cc;font-size:.875rem;font-weight:500}.close-btn{background:#4755694d;border:1px solid #47556980;border-radius:50%;color:#fffc;cursor:pointer;font-size:1.25rem;height:36px;transition:all .2s ease;width:36px}.close-btn:hover{background:#ff6b35cc;border-color:#ff6b35e6;color:#fff;transform:scale(1.1)}.sound-settings-content{max-height:60vh;overflow-y:auto;padding:24px}.audio-controls{background:#0f172a99;border:1px solid #4755694d;border-radius:12px;margin-bottom:24px;padding:16px}.control-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.control-row:last-child{margin-bottom:0}.toggle-label,.volume-label{align-items:center;color:#ffffffe6;display:flex;font-weight:500;justify-content:space-between;width:100%}.toggle-switch{background:#47556980;border-radius:24px;cursor:pointer;height:24px;position:relative;transition:all .2s ease;width:48px}.toggle-switch.active{background:#ff6b35cc}.toggle-slider{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0000004d;height:20px;left:2px;position:absolute;top:2px;transition:all .2s ease;width:20px}.toggle-switch.active .toggle-slider{transform:translateX(24px)}.volume-control{align-items:center;display:flex;gap:12px}.volume-slider{background:#47556980;border-radius:3px;cursor:pointer;height:6px;outline:none;width:120px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#ff6b35e6;border-radius:50%;box-shadow:0 2px 4px #0000004d;cursor:pointer;height:18px;width:18px}.volume-value{color:#94a3b8e6;font-size:.875rem;min-width:35px;text-align:right}.sound-categories{display:flex;gap:8px;margin-bottom:20px}.category-tab{align-items:center;background:#4755694d;border:1px solid #47556980;border-radius:12px;color:#fffc;cursor:pointer;display:flex;flex:1 1;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease}.category-tab.active{background:#ff6b35cc;border-color:#ff6b35e6;box-shadow:0 4px 12px #ff45004d;color:#fff;transform:translateY(-2px)}.tab-icon{font-size:1.1rem}.sound-selection{display:flex;flex-direction:column;gap:8px;margin-bottom:24px;max-height:280px;overflow-y:auto}.sound-option{align-items:center;background:#0f172a99;border:1px solid #4755694d;border-radius:10px;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s ease}.sound-option:hover{background:#0f172acc;border-color:#47556980;transform:translateY(-1px)}.sound-option.selected{background:#ff6b3526;border-color:#ff6b3599;box-shadow:0 0 15px #ff45001a}.sound-info{display:flex;flex-direction:column;gap:4px}.sound-name{color:#fffffff2;font-size:.95rem;font-weight:600}.sound-category{color:#94a3b8cc;font-size:.7rem}.sound-duration{color:#94a3b899;font-size:.75rem;font-weight:500}.sound-controls{align-items:center;display:flex;gap:12px}.preview-btn{background:#47556966;border:1px solid #47556999;border-radius:6px;color:#fffc;cursor:pointer;font-size:.7rem;padding:6px 10px;transition:all .2s ease}.preview-btn:hover{background:#ff6b35cc;border-color:#ff6b35e6;color:#fff;transform:scale(1.05)}.selected-indicator{color:#22c55ee6;font-size:1.1rem;font-weight:700}.test-section{background:#0f172a66;border:1px solid #47556933;border-radius:12px;margin-bottom:16px;padding:16px}.test-section h3{color:#ffffffe6;font-size:1.1rem;margin:0 0 16px;text-align:center}.test-buttons{display:flex;gap:12px}.test-btn{align-items:center;background:#47556966;border:1px solid #ff6b3580;border-radius:10px;color:#ffffffe6;cursor:pointer;display:flex;flex:1 1;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease}.test-btn:hover:not(:disabled){background:#ff6b35cc;border-color:#ff6b35e6;box-shadow:0 4px 12px #ff45004d;transform:translateY(-2px)}.test-btn:disabled{cursor:not-allowed;opacity:.4}.test-btn.transaction{border-color:#22c55e80}.test-btn.warning{border-color:#ef444480}.sound-settings-footer{background:#0f172a4d;border-top:1px solid #4755694d;padding:16px 24px}.footer-info{align-items:center;color:#94a3b8cc;display:flex;font-size:.875rem;gap:8px;justify-content:center}.fire-emoji{animation:fireFlicker 2s ease-in-out infinite;font-size:1.1rem}.light-mode .sound-settings-modal,:root.light-mode .sound-settings-modal,body.light-mode .sound-settings-modal{background:#fffffff2;border-color:#ff6b354d}.light-mode .settings-title h2,:root.light-mode .settings-title h2,body.light-mode .settings-title h2{color:#1e293be6}.light-mode .audio-controls,:root.light-mode .audio-controls,body.light-mode .audio-controls{background:#f8fafccc;border-color:#cbd5e166}.light-mode .sound-option,:root.light-mode .sound-option,body.light-mode .sound-option{background:#f8fafc99;border-color:#cbd5e166}.light-mode .sound-name,:root.light-mode .sound-name,body.light-mode .sound-name{color:#1e293be6}@keyframes swapButtonShake{0%,to{transform:translateX(0) scale(1)}25%{transform:translateX(-1px) scale(1.005)}50%{transform:translateX(1px) scale(1.01)}75%{transform:translateX(-.5px) scale(1.005)}}.swap-btn{animation:swapButtonPulse 2s ease-in-out infinite,fireBackground 4s ease-in-out infinite;background:linear-gradient(135deg,#c50,#f60 25%,#ff8c00 50%,#f60 75%,#c50);background-size:300% 300%;border:3px solid #0000;border-radius:16px;box-shadow:0 0 30px #ff8c0099,0 0 60px #c506,inset 0 0 15px #ffa50033,0 8px 25px #0003;color:#fff;font-size:1.3rem;font-weight:900;letter-spacing:3px;overflow:hidden;padding:20px 24px;position:relative;text-shadow:0 2px 4px #000000e6,0 0 8px #ffffffe6,0 0 16px #0009,0 0 20px #fff6;transition:all .2s cubic-bezier(.68,-.55,.265,1.55)}.swap-btn:before{animation:fireRotate 3s linear infinite;background:linear-gradient(45deg,#c50,#f60,#ff8c00,#fc0,#ff8c00,#f60,#c50);border-radius:16px;bottom:-3px;content:"";left:-3px;position:absolute;right:-3px;top:-3px;z-index:-1}.swap-btn:after{animation:sparkle 1.5s ease-in-out infinite;content:"🔥";font-size:1.5rem;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.swap-btn:hover{box-shadow:0 0 50px #ff8c00cc,0 0 100px #c509,inset 0 0 25px #ffa5004d,0 12px 35px #0000004d;filter:brightness(1.1) saturate(1.2)}.dark-mode .swap-btn,[data-theme=dark] .swap-btn,body.dark-mode .swap-btn{background:linear-gradient(135deg,red,#ff6b00 25%,orange 50%,#ff6b00 75%,red);box-shadow:0 0 40px #ff4500cc,0 0 80px #f009,inset 0 0 20px #ffa5004d,0 8px 25px #0006;text-shadow:0 2px 4px #000000f2,0 0 10px #fffc,0 0 20px #000000b3,0 0 25px #fff6}.dark-mode .swap-btn:before,[data-theme=dark] .swap-btn:before,body.dark-mode .swap-btn:before{background:linear-gradient(45deg,red,#ff6b00,orange,#ff0,orange,#ff6b00,red)}.dark-mode .swap-btn:hover,[data-theme=dark] .swap-btn:hover,body.dark-mode .swap-btn:hover{box-shadow:0 0 60px #ff4500,0 0 120px #f00c,inset 0 0 30px #ffa50080,0 12px 35px #0009}.swap-btn.connect{animation:swapButtonPulse 3s ease-in-out infinite;background:linear-gradient(135deg,#ff450033,#ffa5004d);border:3px solid #ff450080;color:orange}.swap-btn.primary{background:linear-gradient(135deg,red,#ff6b00 25%,orange 50%,#ff6b00 75%,red);text-shadow:0 0 10px #000,0 0 20px #ffffff80}.swap-btn:hover{animation:swapButtonShake .8s ease-in-out,swapButtonPulse 1.5s ease-in-out infinite;filter:brightness(1.2) saturate(1.3);transform:translateY(-2px) scale(1.02)}.swap-btn:active{animation:none;box-shadow:0 10px 15px #0000001a,0 20px 25px #8a2be21a;box-shadow:var(--shadow-lg);transform:translateY(-2px) scale(.98)}.swap-btn.primary:hover{background:linear-gradient(135deg,#8a2be2,silver 25%,gold 50%,silver 75%,#8a2be2);background:var(--gradient-premium);box-shadow:0 0 0 1px #ffd7004d,0 0 20px #ffd70066,0 10px 15px #0000001a,0 20px 25px #8a2be21a;box-shadow:var(--shadow-glow),var(--shadow-lg)}.swap-details{gap:6px;margin-top:8px;padding:0}.detail-row{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a99;border:1px solid #4755694d;border-radius:12px;flex:1 1;flex-direction:column;gap:2px;min-height:60px;padding:10px 12px;transition:all .2s ease}.detail-row:hover{border-color:#ff6b3580;box-shadow:0 4px 12px #ff6b3533;transform:translateY(-1px)}.detail-row span:first-child{color:#94a3b8e6;font-size:.75rem;letter-spacing:.02em;text-transform:uppercase}.detail-row span:last-child{color:#fffffff2;font-size:1rem;font-weight:700;text-shadow:0 1px 2px #0006}.light-mode .detail-row,:root.light-mode .detail-row,body.light-mode .detail-row{background:#f8fafccc;border-color:#cbd5e166}.light-mode .detail-row:hover,:root.light-mode .detail-row:hover,body.light-mode .detail-row:hover{border-color:#ff6b3566;box-shadow:0 4px 12px #ff6b3526}.light-mode .detail-row span:first-child,:root.light-mode .detail-row span:first-child,body.light-mode .detail-row span:first-child{color:#475569cc;text-shadow:none}.light-mode .detail-row span:last-child,:root.light-mode .detail-row span:last-child,body.light-mode .detail-row span:last-child{color:#1e293bf2;text-shadow:none}@keyframes ratesPanelIntensity{0%,to{border-color:#ff450099;box-shadow:0 0 50px #ff450066,0 0 100px #ff00004d,inset 0 0 30px #ffa5001a,0 20px 25px #0000001a,0 25px 50px #8a2be226;box-shadow:0 0 50px #ff450066,0 0 100px #ff00004d,inset 0 0 30px #ffa5001a,var(--shadow-xl)}50%{border-color:#ff4500cc;box-shadow:0 0 80px #ff450099,0 0 150px #f006,inset 0 0 50px #ffa50033,0 25px 50px #00000026,0 30px 60px #8a2be233;box-shadow:0 0 80px #ff450099,0 0 150px #f006,inset 0 0 50px #ffa50033,var(--shadow-2xl)}}.rates-panel{animation:ratesPanelIntensity 6s ease-in-out infinite;background:linear-gradient(135deg,#1a0000f2,#2d0000f2 50%,#1a0000f2);background-image:linear-gradient(#1a0000f2,#1a0000f2),linear-gradient(90deg,red,#ff6b00,orange,#ff6b00,red);height:auto;overflow:visible;z-index:1!important}.rates-panel:before{animation:fireRotate 5s linear infinite;background:linear-gradient(45deg,red,#ff6b00,orange,#ff6b00,red);border-radius:20px;bottom:-3px;content:"";left:-3px;opacity:.4;position:absolute;right:-3px;top:-3px;z-index:-1}.light-mode .rates-panel,:root.light-mode .rates-panel,body.light-mode .rates-panel{background:linear-gradient(135deg,#fff5e6f2,#fff0dcf2 50%,#fff5e6f2);background-image:linear-gradient(#fff5e6f2,#fff5e6f2),linear-gradient(90deg,#f60,#ff8c00,orange,#ff8c00,#f60);box-shadow:0 0 60px #ff8c004d,0 0 120px #ff450033,inset 0 0 40px #ffa5001a,0 15px 50px #0000001a}.light-mode .rates-panel:before,:root.light-mode .rates-panel:before,body.light-mode .rates-panel:before{background:linear-gradient(45deg,#f60,#ff8c00,orange,#ff8c00,#f60);opacity:.2}.refresh-btn:disabled{opacity:.5}@keyframes rateCardBurn{0%,to{box-shadow:0 0 20px #ff45004d,0 0 40px #f003,inset 0 0 10px #ffa5001a;transform:scale(1)}50%{box-shadow:0 0 30px #ff450080,0 0 60px #ff00004d,inset 0 0 15px #ffa50033;transform:scale(1.01)}}@keyframes bestCardSupremacy{0%,to{box-shadow:0 0 40px #ffd700cc,0 0 80px #ff450099,inset 0 0 20px #ffff004d,0 0 0 3px #ffd70080;transform:scale(1)}50%{box-shadow:0 0 60px gold,0 0 120px #ff4500cc,inset 0 0 30px #ffff0080,0 0 0 5px #ffd700cc;transform:scale(1.03)}}.rate-card{animation:rateCardBurn 3s ease-in-out infinite;background:linear-gradient(135deg,#ff450026,#1a0000cc 50%,#ff450026);border:2px solid #ff450066;box-sizing:border-box;display:flex;flex-direction:column;margin:4px;min-height:70px;overflow:visible;transition:all .2s cubic-bezier(.68,-.55,.265,1.55)}.rate-card.compact-inline{align-items:center;display:flex;flex-direction:row;gap:8px;justify-content:space-between;min-height:55px;padding:12px 14px}.rate-card.compact-inline .platform-info{align-items:center;display:flex;flex-shrink:0;gap:6px;min-width:120px}.rate-card.compact-inline .platform-logo{height:18px;width:18px}.rate-card.compact-inline .platform-name{font-size:.8rem;font-weight:600}.rate-card.compact-inline .best-badge{font-size:.8rem;margin-left:4px}.rate-info-inline{display:flex;flex:1 1;flex-direction:column;gap:2px;padding:0 8px}.rate-value-inline{color:#8a2be2;color:var(--text-primary);font-size:.8rem;font-weight:600}.rate-meta-inline{color:#8a2be299;color:var(--text-muted);font-size:.7rem;opacity:.8}.rate-card.compact-inline .use-dex-btn.compact{flex-shrink:0}.light-mode .rate-value-inline,:root.light-mode .rate-value-inline,body.light-mode .rate-value-inline{color:#8a2be2;color:var(--text-primary)}.light-mode .rate-meta-inline,:root.light-mode .rate-meta-inline,body.light-mode .rate-meta-inline{color:#8a2be299;color:var(--text-muted)}.light-mode .rate-card,:root.light-mode .rate-card,body.light-mode .rate-card{background:linear-gradient(135deg,#ff8c001a,#fff5e6cc 50%,#ff8c001a);border:2px solid #f606;box-shadow:0 0 25px #ff8c0033,0 0 50px #ff450026,inset 0 0 15px #ffa5000d}.rate-card:before{background:linear-gradient(90deg,#0000,#ffa5004d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%;z-index:1}.rate-card:hover:before{left:100%}.rate-card.best{animation:bestCardSupremacy 2s ease-in-out infinite;background:linear-gradient(135deg,#ffd70033,#ff45004d 50%,#ffd70033);border:3px solid #ffd700cc}.rate-card.best:not(.compact-inline){transform:scale(1.05)}.rate-card.best:not(.compact-inline):after{animation:sparkle 1.5s ease-in-out infinite;content:"👑";font-size:1.2rem;position:absolute;right:10px;top:10px;z-index:2}.rate-card:hover{animation:adrenalineShake .3s ease-in-out;border-color:#ffa500cc;box-shadow:0 0 30px #ff450099,0 0 60px #f006,inset 0 0 20px #ffa50033;transform:translateY(-2px) scale(1.015)}.light-mode .rate-card.best,:root.light-mode .rate-card.best,body.light-mode .rate-card.best{background:linear-gradient(135deg,#ff8c0026,#ffa50033 50%,#ff8c0026);border:3px solid #ff8c00cc;box-shadow:0 0 50px #ff8c0080,0 0 100px #ff66004d,inset 0 0 30px #ffa50026,0 0 0 3px #ff8c0066}.light-mode .rate-card:hover,:root.light-mode .rate-card:hover,body.light-mode .rate-card:hover{animation:adrenalineShake .3s ease-in-out;border-color:#f60c;box-shadow:0 0 40px #ff8c0066,0 0 80px #ff45004d,inset 0 0 25px #ffa50026;transform:translateY(-2px) scale(1.015)}.dark-mode .platform-name,[data-theme=dark] .platform-name,body.dark-mode .platform-name{text-shadow:0 1px 3px #000c,0 0 8px #fff9}.dark-mode .rate-value,[data-theme=dark] .rate-value,body.dark-mode .rate-value{text-shadow:0 1px 3px #000000e6,0 0 10px #ffffffb3}.light-mode .platform-name,:root.light-mode .platform-name,body.light-mode .platform-name{text-shadow:0 1px 2px #0006,0 0 4px #fffc}.light-mode .rate-value,:root.light-mode .rate-value,body.light-mode .rate-value{text-shadow:0 1px 2px #00000080,0 0 6px #ffffffe6}.platform-info{gap:8px}.platform-logo{height:20px;object-fit:cover;width:20px}.platform-name{color:#8a2be2;color:var(--text-primary);font-size:.9rem;text-shadow:0 1px 2px #00000080,0 0 4px #ffffff4d}.best-badge{background:gold;background:var(--primary-gold);border-radius:.375rem;border-radius:var(--radius-sm);color:#36454f;color:var(--charcoal);font-size:.7rem;padding:2px 6px}.rate-info{display:flex;flex:1 1;flex-direction:column;justify-content:center}.rate-value{color:#8a2be2;color:var(--text-primary);font-size:.85rem;font-weight:600;margin-bottom:2px;text-shadow:0 1px 2px #0009,0 0 6px #fff6}.rate-meta{color:#8a2be299;color:var(--text-muted)}.rate-meta-with-button{align-items:flex-end;display:flex;justify-content:space-between;margin-top:4px}.use-dex-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#47556966;border:1px solid #ff6b3580;border-radius:12px;color:#fffffff2;font-size:.875rem;padding:10px 16px;text-shadow:0 1px 2px #0009;transition:all .2s ease}.use-dex-btn:hover{background:#ff6b35cc;border-color:#ff6b35e6;box-shadow:0 0 15px #ff45004d,0 4px 12px #0003;color:#fff}.light-mode .use-dex-btn,:root.light-mode .use-dex-btn,body.light-mode .use-dex-btn{background:#f8fafccc;border-color:#ff6b3566;color:#1e293be6;text-shadow:none}.light-mode .use-dex-btn:hover,:root.light-mode .use-dex-btn:hover,body.light-mode .use-dex-btn:hover{background:#ff6b35e6;border-color:#ff6b35;color:#fff;text-shadow:0 1px 2px #0000004d}.use-dex-btn.swapping{animation:swapButtonPulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#6366f1;color:#fff;cursor:not-allowed}.use-dex-btn.success{animation:successButtonCelebration 3s ease-in-out;background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;color:#fff;overflow:hidden;position:relative}.use-dex-btn.success:before{animation:successShimmer 1s linear infinite;background:linear-gradient(45deg,#0000,#ffffff4d,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes swapButtonPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.01)}}@keyframes successButtonCelebration{0%{box-shadow:0 0 0 #10b98166;transform:scale(1)}10%{box-shadow:0 0 20px #10b98199;transform:scale(1.1)}20%{box-shadow:0 0 15px #10b98166;transform:scale(1.05)}to{box-shadow:0 0 0 #10b98133;transform:scale(1)}}@keyframes successShimmer{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}.swap-spinner{animation:spinRotate 1s linear infinite}@keyframes spinRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.success-icon{animation:successBounce .6s ease-out;display:inline-block;filter:drop-shadow(0 0 8px rgba(16,185,129,.6));margin-right:8px}@keyframes successBounce{0%{opacity:0;transform:scale(.5) rotate(-30deg)}50%{opacity:1;transform:scale(1.2) rotate(10deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.info-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a99;border:1px solid #4755694d;border-radius:12px;display:flex;flex:1 1;flex-direction:column;gap:2px;min-height:60px;padding:10px 12px;transition:all .2s ease}.info-item:hover{border-color:#ff6b3580;box-shadow:0 4px 12px #ff6b3533;transform:translateY(-1px)}.info-label{color:#94a3b8e6;font-size:.75rem;letter-spacing:.02em;text-transform:uppercase}.info-value{color:#fffffff2;font-size:1rem;text-shadow:0 1px 2px #0006}.light-mode .info-item,:root.light-mode .info-item,body.light-mode .info-item{background:#f8fafccc;border-color:#cbd5e166}.light-mode .info-item:hover,:root.light-mode .info-item:hover,body.light-mode .info-item:hover{border-color:#ff6b3566;box-shadow:0 4px 12px #ff6b3526}.light-mode .info-label,:root.light-mode .info-label,body.light-mode .info-label{color:#475569cc}.light-mode .info-value,:root.light-mode .info-value,body.light-mode .info-value{color:#1e293bf2;text-shadow:none}@media (max-width:1200px){.swap-layout{gap:32px;grid-template-columns:1fr}.header-content{flex-direction:column;gap:16px;text-align:center}}@media (max-width:768px){.rates-panel,.swap-panel{padding:16px}.network-chip,.network-selector{justify-content:center}.network-chip{flex:1 1;min-width:0}.network-name{display:none}.input-body{flex-direction:column;gap:12px}.token-selector{width:100%}.title-section h1{font-size:1.75rem}}.admin-token-management{margin:0 auto;max-width:1400px;padding:24px}.admin-header{margin-bottom:32px;text-align:center}.admin-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ff6b00,orange);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:8px}.admin-header p{font-size:1.1rem;opacity:.8}.stats-dashboard{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.stat-card{background:linear-gradient(135deg,#ff6b001a,#ffa5000d);border:2px solid #ffa5004d;border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.stat-card:hover{box-shadow:0 8px 25px #ffa50033;transform:translateY(-2px)}.stat-card.pending{background:linear-gradient(135deg,#ffc1071a,#ffc1070d);border-color:#ffc10780}.stat-card.verified{background:linear-gradient(135deg,#28a7451a,#28a7450d);border-color:#28a74580}.stat-card.reported{background:linear-gradient(135deg,#dc35451a,#dc35450d);border-color:#dc354580}.stat-value{font-size:2.5rem;font-weight:700;margin-bottom:8px}.stat-label{font-size:.9rem;letter-spacing:.5px;opacity:.8;text-transform:uppercase}.admin-token-card{background:#fff;background:var(--surface-color);border:2px solid #ffa5004d;border-radius:12px;padding:20px;transition:all .3s ease}.admin-token-card:hover{box-shadow:0 8px 25px #ffa50033;transform:translateY(-2px)}.token-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.token-info{align-items:center;display:flex;gap:12px}.token-icon{border:2px solid #ffa5004d;border-radius:50%;height:40px;width:40px}.status-badge.unverified{background:#ffc10733;border:1px solid #ffc10780;border-radius:6px;color:#856404}.status-badge.unverified,.status-badge.verified{font-size:.75rem;font-weight:700;padding:4px 8px}.status-badge.verified{background:#28a74533;border:1px solid #28a74580;border-radius:6px;color:#155724}.rates-panel{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:linear-gradient(135deg,#fff5e6f2,#fff0dcf2 50%,#fff5e6f2);background-clip:padding-box,border-box;background-image:linear-gradient(#fff5e6f2,#fff5e6f2),linear-gradient(90deg,#f60,#ff8c00,orange,#ff8c00,#f60);background-origin:border-box;border:3px solid #0000;border-radius:16px;box-shadow:0 0 40px #ff8c0033,0 0 80px #ff450026,inset 0 0 30px #ffa5000d,0 10px 40px #0000001a;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:10px 16px 16px;position:relative;z-index:2}.rates-header{border-bottom:1px solid #8a2be233;border-bottom:1px solid var(--border-color);flex-shrink:0;height:60px;justify-content:space-between;margin-bottom:16px;min-height:60px;padding-bottom:12px}.rates-header,.refresh-btn{align-items:center;display:flex}.refresh-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#4755694d;border:1px solid #47556980;border-radius:20px;color:#ffffffe6;cursor:pointer;font-size:.875rem;font-weight:500;gap:8px;height:36px;min-height:36px;padding:8px 16px;transition:all .2s ease}.refresh-btn:hover{background:#47556980;border-color:#ff6b3599;box-shadow:0 0 15px #ff450033}.refresh-btn:disabled{animation:spin 1s linear infinite;cursor:not-allowed;opacity:.7}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.rates-grid{contain:layout;display:flex;flex:1 1;flex-direction:column;gap:12px;justify-content:flex-start;margin:0 -12px 12px;overflow:hidden;padding:12px}.rate-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #ff8c0033;border-radius:12px;padding:10px;position:relative;transition:all .3s ease}.rate-card:hover{border-color:#ff8c0066;box-shadow:0 8px 25px #ff8c004d;transform:translateY(-2px)}.rate-card.best{background:linear-gradient(135deg,#ffd7001a,#ffffffe6);border-color:gold;box-shadow:0 0 20px #ffd7004d}.rate-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.platform-info{align-items:center;display:flex;gap:10px}.platform-logo{border-radius:50%;height:24px;width:24px}.platform-name{color:#c50;font-size:.95rem;font-weight:600}.best-badge{background:linear-gradient(135deg,gold,#ffed4e);border-radius:6px;box-shadow:0 2px 8px #ffd7004d;color:#b8860b;font-size:.75rem;font-weight:700;padding:4px 8px}.rate-info{margin-bottom:8px}.rate-value{color:#f60;font-size:1rem;font-weight:700;margin-bottom:6px}.rate-meta{color:#c50c;display:flex;flex-direction:column;font-size:.7rem;gap:2px}.use-dex-btn{background:linear-gradient(135deg,#f60,#ff8c00);border:none;border-radius:8px;box-shadow:0 4px 15px #ff8c004d;color:#fff;cursor:pointer;font-weight:600;padding:10px;transition:all .3s ease;width:100%}.use-dex-btn.compact{border-radius:6px;font-size:.7rem;min-width:40px;padding:5px 10px;width:auto}.use-dex-btn:hover{box-shadow:0 6px 20px #ff8c0066;transform:translateY(-1px)}.use-dex-btn:disabled{cursor:not-allowed;opacity:.7}.use-dex-btn.swapping{animation:pulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,orange,#ffb347)}.use-dex-btn.success{background:linear-gradient(135deg,#10b981,#34d399)}.swap-spinner{animation:spin 1s linear infinite;display:inline-block;margin-right:8px}.market-info{display:flex;flex-shrink:0;gap:6px;margin-top:auto;padding:0}.info-label{color:#c50c;font-size:.9rem;font-weight:500}.info-value{color:#f60;font-size:.95rem;font-weight:700}.dark-mode .rates-panel,[data-theme=dark] .rates-panel,body.dark-mode .rates-panel{background:linear-gradient(135deg,#1a0000f2,#2d0000f2 50%,#1a0000f2);background-image:linear-gradient(#1a0000f2,#1a0000f2),linear-gradient(90deg,red,#ff6b00,orange,#ff6b00,red);box-shadow:0 0 30px #ff45004d,0 0 60px #f003,inset 0 0 20px #ff45000d,0 10px 15px #0000001a,0 20px 25px #8a2be21a;box-shadow:0 0 30px #ff45004d,0 0 60px #f003,inset 0 0 20px #ff45000d,var(--shadow-lg);display:flex;flex-direction:column;height:100%;overflow:hidden}.dark-mode .rate-card,[data-theme=dark] .rate-card,body.dark-mode .rate-card{background:#1a0000cc;border-color:#ff45004d}.dark-mode .rate-card.best,[data-theme=dark] .rate-card.best,body.dark-mode .rate-card.best{background:linear-gradient(135deg,#ff00001a,#1a0000cc);border-color:#f60;box-shadow:0 0 20px #f606}.swap-form-modern{display:flex;flex:1 1;flex-direction:column;gap:20px;height:100%}.swap-input-modern{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #ff8c0033;border-radius:12px;padding:16px;transition:all .3s ease}.swap-input-modern:hover{border-color:#ff8c0066;box-shadow:0 4px 15px #ff8c0033}.input-header{color:#c50;font-size:.9rem;font-weight:600;justify-content:space-between;margin-bottom:8px}.input-body,.input-header{align-items:center;display:flex}.input-body{gap:16px}.amount-input{-moz-appearance:textfield;background:none;border:none;color:#c50;flex:1 1;font-size:1.5rem;font-weight:700;outline:none;padding:0}.amount-input::-webkit-inner-spin-button,.amount-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.amount-input::placeholder{color:#cc550080}.amount-input.output{color:#ff8c00}.balance{color:#cc5500b3}.balance,.rate{font-size:.85rem}.rate{color:#c50c;font-weight:500}.swap-arrow-modern{margin:-10px 0;position:relative;z-index:10}.swap-arrow-modern,.swap-flip-btn{display:flex;justify-content:center}.swap-flip-btn{align-items:center;background:linear-gradient(135deg,#f60,#ff8c00);border:none;border-radius:50%;box-shadow:0 4px 15px #ff8c004d;color:#fff;cursor:pointer;font-size:1.2rem;height:40px;transition:all .3s ease;width:40px}.swap-flip-btn:hover{box-shadow:0 6px 20px #ff8c0066;transform:rotate(180deg) scale(1.1)}.swap-action{flex-shrink:0;margin-top:20px}.swap-btn{border:none;border-radius:12px;cursor:pointer;font-size:1.1rem;font-weight:700;letter-spacing:1px;padding:16px;text-transform:uppercase;transition:all .3s ease;width:100%}.swap-btn.connect{background:linear-gradient(135deg,#8a2be2,#9932cc);box-shadow:0 4px 15px #8a2be24d;color:#fff}.swap-btn.connect:hover{box-shadow:0 6px 20px #8a2be266;transform:translateY(-2px)}.swap-btn.primary{background:linear-gradient(135deg,#f60,#ff8c00);box-shadow:0 4px 15px #ff8c004d;color:#fff}.swap-btn.primary:hover{box-shadow:0 6px 20px #ff8c0066;transform:translateY(-2px)}.swap-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.swap-details{border-top:2px solid #ff8c004d;display:flex;flex-direction:column;flex-shrink:0;gap:12px;margin-top:20px;padding-top:16px}.detail-row{align-items:center;display:flex;font-size:.9rem;justify-content:space-between}.detail-row span:first-child{color:#c50c;font-weight:500}.detail-row span:last-child{color:#f60;font-weight:600}.dark-mode .swap-input-modern,[data-theme=dark] .swap-input-modern,body.dark-mode .swap-input-modern{background:#1a0000cc;border-color:#ff45004d}.dark-mode .swap-input-modern:hover,[data-theme=dark] .swap-input-modern:hover,body.dark-mode .swap-input-modern:hover{border-color:#ff450080;box-shadow:0 4px 15px #ff45004d}@media (max-width:1024px){.swap-layout{gap:20px;grid-template-columns:1fr}.rates-grid,.rates-panel{max-height:none}}@media (max-width:768px){*{min-height:0!important;min-height:auto!important}.section,div[class*=card],div[class*=container],div[class*=panel],section{height:auto!important;max-height:none!important;min-height:auto!important}.btn,a[class*=button],button,input[type=button],input[type=submit]{display:inline-block!important;font-size:14px!important;margin:5px!important;max-width:calc(50% - 10px)!important;min-width:auto!important;overflow:hidden!important;padding:10px 15px!important;text-overflow:ellipsis!important;white-space:nowrap!important}.amount,.number,.price,.stat-value,[class*=price],[class*=value]{display:block!important;font-size:1.2rem!important;line-height:1.4!important;padding:5px!important;text-align:center!important;width:100%!important}.h1,h1{font-size:1.5rem!important;margin-bottom:15px!important}.h1,.h2,h1,h2{line-height:1.3!important}.h2,h2{font-size:1.3rem!important;margin-bottom:12px!important}.h3,h3{font-size:1.15rem!important;line-height:1.3!important;margin-bottom:10px!important}div,p,span{font-size:14px!important;line-height:1.5!important}.card,.panel,div[class*=card],div[class*=panel]{margin:10px 0!important;max-width:100%!important;padding:15px!important;width:100%!important}.grid,.row,div[class*=row]{display:flex!important;flex-wrap:wrap!important;width:100%!important}.grid>*,.row>*,div[class*=col]{margin-bottom:10px!important;max-width:100%!important;width:100%!important}.card-grid-container,.presidential-grid,div[class*=network-grid]{display:grid!important;grid-template-columns:repeat(2,1fr)!important;width:100%!important}input,select,textarea{font-size:16px!important;margin-bottom:10px!important;max-width:100%!important;padding:12px!important;width:100%!important}.nav,.navbar,nav{padding:10px!important}.content-wrapper,.main-content,.page-container,body,html{overflow-x:hidden!important;width:100%!important}.content-wrapper,.main-content,.page-container{padding:0 10px!important}.modal,.popup,div[class*=modal]{margin:10px auto!important;max-width:95%!important;padding:15px!important;width:95%!important}}@media (max-width:380px){.btn,button{display:block!important;font-size:12px!important;margin:5px auto!important;max-width:100%!important;padding:8px 10px!important}h1{font-size:1.25rem!important}h2{font-size:1.1rem!important}div,p,span{font-size:13px!important}}*{box-sizing:border-box;max-width:100vw}body,html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;overflow-x:hidden;width:100%}@media screen and (max-width:768px){*{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.card,.clickable,.network-card,a,button{-webkit-tap-highlight-color:rgba(255,140,0,.1);touch-action:manipulation}#root{margin:0;max-width:100vw;overflow-x:hidden;padding:0;position:relative;width:100vw}.navbar-fixed{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid #ff8c001a;box-shadow:0 1px 0 #ff8c001a;height:auto;left:0;min-height:52px;padding:8px 10px;position:fixed;right:0;top:0;width:100vw;z-index:1000}[data-theme=dark] .navbar-fixed{background:#141414f2;border-bottom:1px solid #ff8c0033}.navbar-content-fixed{align-items:center;display:flex;justify-content:space-between;padding:0 5px;width:100%}.navbar-brand-fixed{align-items:center;display:flex;flex-shrink:1;max-width:120px}.gumdrop-logo-fixed{height:30px;width:30px}.brand-text-fixed{display:none}.navbar-actions-fixed{align-items:center;display:flex;flex-shrink:0;gap:5px}.desktop-nav-fixed{display:none}.mobile-menu-toggle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1.5px solid #ff8c0066;border-radius:6px;box-shadow:0 2px 8px #ff8c001a;cursor:pointer;display:flex!important;height:36px;justify-content:center;margin-left:5px;padding:6px;position:relative;width:36px;z-index:1001}[data-theme=dark] .mobile-menu-toggle{background:#1e1e1ee6;border:1.5px solid #ff8c0080}.hamburger{display:flex;flex-direction:column;height:18px;justify-content:space-around;width:20px}.hamburger span{background:#f60;border-radius:1px;display:block;height:2px;transition:all .3s ease;width:100%}[data-theme=dark] .hamburger span{background:#ff8c00}.hamburger.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.mobile-nav{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff7;border-top:2px solid #ff8c0033;box-shadow:0 4px 12px #0000001a;left:0;padding:10px;position:fixed;right:0;top:52px;transform:translateY(-100%);transition:transform .3s ease;width:100vw;z-index:999}.mobile-nav.open{transform:translateY(0)}[data-theme=dark] .mobile-nav{background:#141414f7;border-color:#ff8c004d}.main-content,.page-container,main{margin-top:52px;max-width:100vw;overflow-x:hidden;padding:10px;width:100vw}.card-grid-container,.network-grid,.presidential-grid{grid-gap:10px;display:grid!important;gap:10px;grid-template-columns:repeat(2,1fr);margin:0 auto;padding:10px;width:calc(100vw - 20px)}.network-card,.presidential-network-card,.presidential-network-card-fixed{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffffa,#fffaf5fa);border:1px solid #ff8c0026;border-radius:12px;box-shadow:0 1px 3px #0000000d,0 1px 2px #0000001a;display:flex;flex-direction:column;justify-content:space-between;margin:0;max-height:160px;min-height:130px;padding:12px;transition:transform .2s ease;width:100%}[data-theme=dark] .network-card,[data-theme=dark] .presidential-network-card{background:linear-gradient(135deg,#1e1e1efa,#232323fa);border:1px solid #ff8c0040}.network-card:active{transform:scale(.97)}h1{font-size:1.5rem!important;margin:10px 0}h1,h2{line-height:1.3}h2{font-size:1.3rem!important;margin:8px 0}h3{font-size:1.15rem!important;line-height:1.3;margin:6px 0}div,p,span{font-size:14px;line-height:1.5}.btn,button{background:linear-gradient(135deg,#f60,#ff8c00);border:none;border-radius:8px;box-shadow:0 2px 4px #ff8c001a;color:#fff;font-size:14px;font-weight:500;letter-spacing:.3px;margin:5px;max-width:calc(50vw - 15px);padding:10px 15px}button:active{transform:translateY(1px)}input,select,textarea{background:#ffffffe6;border:1.5px solid #ff8c0033;border-radius:8px;font-size:16px;margin-bottom:10px;max-width:100%;padding:12px;width:100%}input:focus,select:focus,textarea:focus{border-color:#ff8c0080;box-shadow:0 0 0 3px #ff8c001a;outline:none}section{background:#ffffff80;border-radius:12px;margin-bottom:15px;padding:15px}[data-theme=dark] section{background:#1e1e1e80}.modal,.popup{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;margin:10px auto;max-width:90vw;padding:20px;width:90vw}}@media screen and (max-height:500px) and (orientation:landscape){.navbar-fixed{min-height:45px;padding:5px 10px}.navbar-content-fixed{height:35px}.gumdrop-logo-fixed{height:28px;width:28px}.mobile-menu-toggle{height:32px;width:32px}.mobile-nav{top:45px}.main-content,main{margin-top:45px;padding:8px}.card-grid-container,.network-grid,.presidential-grid{gap:8px;grid-template-columns:repeat(3,1fr);padding:8px}.network-card{max-height:100px;min-height:85px;padding:8px}h1{font-size:1.3rem!important}h2{font-size:1.1rem!important}h3{font-size:.95rem!important}div,p,span{font-size:12px}.btn,button{font-size:11px;padding:6px 10px}}@media screen and (max-width:480px){.card-grid-container{gap:8px;padding:8px}.network-card{max-height:150px;min-height:120px;padding:10px}.network-name{font-size:.85rem}.stat-value{font-size:.75rem}.stat-label{font-size:.65rem}}@media screen and (max-width:380px){.navbar-fixed{padding:6px 8px}.mobile-menu-toggle{height:32px;width:32px}.theme-toggle-fixed{display:none}.card-grid-container{gap:6px;padding:6px}.network-card{max-height:130px;min-height:100px;padding:8px}h1{font-size:1.25rem!important}h2{font-size:1.05rem!important}div,p,span{font-size:12px}.btn,button{font-size:11px;padding:8px 12px}}@supports (padding:max(0px)){.navbar-fixed{padding-top:max(8px,env(safe-area-inset-top))}.main-content,.navbar-fixed{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}.main-content{padding-bottom:max(16px,env(safe-area-inset-bottom))}@media screen and (orientation:landscape){.navbar-fixed{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}.main-content{padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}}}@media screen and (max-width:768px){.card-grid-container,.main-content,.scrollable{transform:translateZ(0);will-change:scroll-position}.network-card{transform:translateZ(0);will-change:transform}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media screen and (max-width:768px){[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:#1e1e1ee6;border:1.5px solid #ff8c004d;color:#e0e0e0}[data-theme=dark] .modal,[data-theme=dark] .popup{background:#1e1e1efa;border:1px solid #ff8c0033}}