.navbar{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:70px;background:var(--card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);box-shadow:0 2px 20px var(--shadow);transition:background-color .3s ease,color .3s ease}.navbar-brand{display:flex;align-items:center}.brand-link{display:flex;align-items:center;text-decoration:none;color:var(--fg-2);font-weight:700;font-size:1.5rem}.brand-icon{font-size:1.8rem;margin-right:8px}.brand-text{background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.navbar-links{display:flex;gap:30px}.nav-link{text-decoration:none;color:var(--fg-3);font-weight:500;padding:8px 16px;border-radius:8px;transition:all .3s ease}.nav-link:hover{color:var(--accent);background:color-mix(in oklab,var(--accent) 10%,transparent)}.nav-link.active{color:var(--accent);background:color-mix(in oklab,var(--accent) 12%,transparent)}.navbar-actions{display:flex;align-items:center;gap:14px}.wallet-address{background:var(--bg-2);padding:6px 12px;border-radius:8px;font-family:monospace;font-size:14px;color:var(--fg-3);border:1px solid var(--border);transition:background-color .3s ease,color .3s ease}.btn-sm{padding:6px 12px;font-size:14px}.btn-danger{background:var(--danger);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .25s ease}.btn-danger:hover{opacity:.9;transform:translateY(-1px)}.theme-toggle-wrapper{display:flex;align-items:center}.theme-toggle{background:var(--card);border:1px solid var(--border);color:var(--fg-2);border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow);transition:all .3s ease}.theme-toggle:hover{transform:translateY(-2px);box-shadow:0 0 15px color-mix(in oklab,var(--accent) 40%,transparent)}.theme-toggle .icon{font-size:1.2rem;transition:transform .3s ease}.theme-toggle.light .icon{transform:rotate(0)}.theme-toggle.dark .icon{transform:rotate(180deg)}@media(max-width:768px){.navbar{flex-wrap:wrap;justify-content:center;gap:10px;height:auto;padding:10px}.navbar-links{gap:15px}.navbar-actions{flex-wrap:wrap;justify-content:center;gap:10px}.wallet-address{font-size:12px;padding:4px 10px}.theme-toggle{width:34px;height:34px;font-size:1rem}}.navbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08)}.brand-link{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none}.brand-icon{font-size:1.2rem}.brand-text{font-weight:700;letter-spacing:.2px}.navbar-links{display:flex;gap:1rem}.nav-link{opacity:.85;text-decoration:none}.nav-link:hover{opacity:1}.nav-link.active{opacity:1;text-decoration:underline;text-underline-offset:4px}.navbar-actions{display:flex;align-items:center;gap:.75rem}.theme-toggle-wrapper{display:flex}.btn-connect{padding:.45rem .9rem;border-radius:10px;border:none;font-weight:600;cursor:pointer;background:linear-gradient(90deg,#00ffa3,#2d7cff);color:#0b1220;box-shadow:0 0 10px #00ffa359;transition:transform .15s ease,box-shadow .15s ease}.btn-connect:hover{transform:translateY(-1px);box-shadow:0 0 14px #00ffa380}.btn-connect:disabled{opacity:.6;cursor:not-allowed}.wallet-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .5rem .35rem .6rem;border-radius:12px;border:1px solid rgba(0,255,163,.35);background:#00000059}.wallet-address{font-size:.82rem;font-weight:600;color:#00ffa3;letter-spacing:.3px;white-space:nowrap}.btn-disconnect{border:none;background:transparent;color:#ff6b6b;font-size:.78rem;padding:.15rem .25rem;cursor:pointer;opacity:.85}.btn-disconnect:hover{opacity:1;text-decoration:underline}.btn-disconnect:disabled{opacity:.6;cursor:not-allowed}@media(max-width:640px){.navbar-links{gap:.75rem}.wallet-address{font-size:.78rem}}.navbar{position:sticky;top:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.75rem 1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08)}.navbar-center{display:flex;align-items:center;justify-content:center;margin-bottom:.25rem}.brand-link{display:inline-flex;align-items:center;gap:.4rem;text-decoration:none;color:#00ffa3;font-weight:700;font-size:1.3rem;text-shadow:0 0 8px rgba(0,255,163,.5)}.navbar-middle{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem}.nav-link{color:#b0b0b0;font-size:.95rem;text-decoration:none;transition:color .2s ease}.nav-link:hover,.nav-link.active{color:#00ffa3}.btn-connect{padding:.4rem .9rem;border-radius:10px;border:none;font-weight:600;background:linear-gradient(90deg,#00ffa3,#007bff);color:#0b1220;box-shadow:0 0 10px #00ffa359;cursor:pointer;transition:all .2s ease}.btn-connect:hover{transform:scale(1.05)}.wallet-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .6rem;border-radius:12px;border:1px solid rgba(0,255,163,.3);background:#0006}.wallet-address{font-size:.82rem;color:#00ffa3;font-weight:600;letter-spacing:.3px}.btn-disconnect{background:transparent;border:none;color:#ff7070;font-size:.78rem;cursor:pointer}.theme-toggle-wrapper{display:flex;align-items:center;justify-content:center}@media(max-width:640px){.navbar{padding:.5rem}.brand-text{font-size:1.1rem}.nav-link{font-size:.85rem}.btn-connect{font-size:.85rem;padding:.3rem .8rem}}.wallet-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;color:var(--fg-2);background:var(--bg)}.dashboard{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;color:var(--fg-2);background:var(--bg)}.hero-section{max-width:1200px;width:100%;text-align:center}.hero-content{background:var(--card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:60px 40px;box-shadow:var(--shadow);border:1px solid var(--border);transition:background-color .3s ease,color .3s ease}.hero-title{font-size:4rem;font-weight:700;margin-bottom:16px;background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center;justify-content:center;gap:16px}.hero-icon{font-size:4.5rem}.hero-subtitle{font-size:1.5rem;color:var(--fg-3);margin-bottom:50px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-bottom:50px}.feature-card{background:var(--card);padding:30px 20px;border-radius:16px;box-shadow:var(--shadow);transition:transform .3s ease;border:1px solid var(--border)}.feature-card:hover{transform:translateY(-5px)}.feature-icon{font-size:3rem;margin-bottom:16px;color:var(--accent)}.feature-card h3{font-size:1.25rem;margin-bottom:12px;color:var(--fg-2)}.feature-card p{color:var(--fg-3);line-height:1.6}.connect-section{margin-bottom:50px}.connect-button{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;border:none;padding:20px 40px;font-size:1.25rem;font-weight:600;border-radius:16px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:12px;margin-bottom:20px}.connect-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px color-mix(in oklab,var(--accent) 30%,transparent)}.connect-button:disabled{opacity:.7;cursor:not-allowed}.error-message{background:color-mix(in oklab,var(--danger) 10%,transparent);color:var(--danger);padding:12px 20px;border-radius:8px;margin-bottom:20px;display:inline-block;border:1px solid color-mix(in oklab,var(--danger) 30%,transparent)}.supported-wallets{color:var(--fg-3);font-size:.9rem}.supported-chains h3{margin-bottom:20px;color:var(--fg-2)}.chains-grid{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.chain-badge{background:var(--card);padding:12px 20px;border-radius:12px;box-shadow:var(--shadow);display:flex;align-items:center;gap:8px;transition:transform .2s ease;border:1px solid var(--border)}.chain-badge:hover{transform:translateY(-2px)}.chain-logo{font-size:1.2rem;color:var(--accent)}.chain-name{font-weight:500;color:var(--fg-2)}@media(max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.feature-grid{grid-template-columns:1fr;gap:20px}.connect-button{width:100%;max-width:300px}}.dust-scanner{max-width:1200px;margin:0 auto;padding:20px;color:var(--fg-2)}.scanner-header{text-align:center;margin-bottom:40px}.scanner-header h1{font-size:2.5rem;margin-bottom:12px;background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.scanner-header p{font-size:1.2rem;color:var(--fg-3)}.chain-selection-card{background:var(--card);border-radius:20px;padding:30px;margin-bottom:30px;box-shadow:var(--shadow);border:1px solid var(--border)}.chain-selection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.chain-selection-header h3{color:var(--fg-2);font-size:1.3rem}.selection-actions{display:flex;gap:12px}.chains-grid-selection{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.chain-selector{display:flex;align-items:center;padding:16px;background:var(--bg-2);border:2px solid var(--border);border-radius:12px;cursor:pointer;transition:all .3s ease;gap:12px}.chain-selector:hover{border-color:var(--accent);transform:translateY(-2px)}.chain-selector.selected{border-color:var(--accent);background:color-mix(in oklab,var(--accent) 8%,transparent)}.chain-logo{font-size:1.5rem}.chain-name{flex:1;font-weight:500;color:var(--fg-2)}.checkbox{width:20px;height:20px;border:2px solid var(--border);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.chain-selector.selected .checkbox{background:var(--accent);border-color:var(--accent)}.checkmark{color:#fff;font-size:12px;font-weight:700}.scan-controls{text-align:center;margin-bottom:40px}.scan-button{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;border:none;padding:20px 40px;font-size:1.2rem;font-weight:600;border-radius:16px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:12px}.scan-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px color-mix(in oklab,var(--accent) 30%,transparent)}.scan-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.results-section{background:var(--card);border-radius:20px;padding:30px;box-shadow:var(--shadow);border:1px solid var(--border)}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px}.results-header h2{color:var(--fg-2);font-size:1.8rem}.savings-badge{background:linear-gradient(135deg,var(--accent-2),color-mix(in oklab,var(--accent-2) 70%,var(--accent)));color:#fff;padding:12px 20px;border-radius:12px;font-weight:600;font-size:.9rem}.dust-results{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.chain-result-card{border:2px solid var(--border);border-radius:16px;padding:24px;transition:all .3s ease;background:var(--bg-2)}.chain-result-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 25px color-mix(in oklab,var(--accent) 15%,transparent)}.chain-result-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.chain-info{display:flex;align-items:center;gap:16px}.chain-info h3{color:var(--fg-2);font-size:1.3rem;margin-bottom:4px}.chain-value{color:var(--accent-2);font-weight:600;font-size:1.1rem}.dust-stats{text-align:right}.dust-count{background:var(--bg-2);padding:8px 16px;border-radius:8px;font-weight:500;color:var(--fg-3)}.dust-details{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.native-dust,.token-dust{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border)}.dust-label{font-weight:500;color:var(--fg-3)}.dust-amount{font-family:monospace;font-weight:600;color:var(--fg-2)}.more-tokens{text-align:center;color:var(--fg-3);font-style:italic;padding:8px;background:var(--bg-2);border-radius:8px}.claim-indicator{background:linear-gradient(135deg,gold,orange);color:#333;padding:12px 20px;border-radius:8px;font-weight:600;text-align:center}.claim-actions{text-align:center;padding-top:30px;border-top:2px solid var(--border)}.claim-button{background:linear-gradient(135deg,orange,#ff8c00);color:#fff;border:none;padding:20px 40px;font-size:1.3rem;font-weight:600;border-radius:16px;cursor:pointer;transition:all .3s ease;margin-bottom:16px}.claim-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #ffa5004d}.claim-note{color:var(--fg-3);font-size:.9rem}.empty-state{text-align:center;padding:60px 40px;background:var(--card);border-radius:20px;box-shadow:var(--shadow);border:1px solid var(--border)}.empty-icon{font-size:4rem;margin-bottom:20px}.empty-state h3{color:var(--fg-2);margin-bottom:12px;font-size:1.5rem}.empty-state p{color:var(--fg-3);margin-bottom:20px;font-size:1.1rem}@media(max-width:768px){.chain-selection-header{flex-direction:column;gap:16px;align-items:flex-start}.chains-grid-selection{grid-template-columns:1fr}.chain-result-header{flex-direction:column;gap:16px}.results-header{flex-direction:column;text-align:center}}@supports not (background: color-mix(in oklab,#000 10%,transparent)){.chain-selector.selected{background:#007aff14}.chain-result-card:hover{box-shadow:0 8px 25px #007aff26}.scan-button:hover:not(:disabled){box-shadow:0 10px 30px #007aff4d}}.claim-screen{max-width:1000px;margin:0 auto;padding:20px;color:var(--fg-2)}.claim-header{text-align:center;margin-bottom:40px}.claim-header h1{font-size:2.5rem;margin-bottom:12px;background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.claim-header p{font-size:1.2rem;color:var(--fg-3)}.summary-card{background:var(--card);border-radius:20px;padding:30px;margin-bottom:30px;box-shadow:var(--shadow);border:1px solid var(--border)}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.summary-item{display:flex;align-items:center;gap:20px;padding:20px;background:var(--bg-2);border-radius:12px;color:var(--fg-2)}.summary-item.highlight{background:linear-gradient(135deg,var(--accent-2),var(--accent));color:#fff}.summary-icon{font-size:2.5rem}.summary-content h3{color:var(--fg-3);font-size:.9rem;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.summary-value{font-size:1.8rem;font-weight:700;color:var(--fg-2)}.savings-card{background:color-mix(in oklab,var(--accent-2) 8%,var(--bg));border-radius:16px;padding:24px;margin-bottom:30px;border:2px solid var(--accent-2)}.savings-card h3{color:var(--accent-2);margin-bottom:16px;font-size:1.3rem}.savings-details{display:flex;flex-direction:column;gap:12px}.savings-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.savings-item.total{border-top:2px solid var(--accent-2);padding-top:16px;margin-top:8px;font-weight:700}.gas-amount{font-family:monospace;font-weight:600}.gas-amount.savings{color:var(--accent-2)}.transactions-section{background:var(--card);border-radius:20px;padding:30px;margin-bottom:30px;box-shadow:var(--shadow);border:1px solid var(--border)}.transactions-section h2{color:var(--fg-2);margin-bottom:24px;font-size:1.5rem}.transactions-list{display:flex;flex-direction:column;gap:16px}.transaction-item{border:2px solid var(--border);border-radius:12px;padding:20px;transition:all .3s ease;background:var(--bg-2)}.transaction-item.processing{border-color:var(--accent);background:color-mix(in oklab,var(--accent) 8%,transparent)}.transaction-item.completed{border-color:var(--accent-2);background:color-mix(in oklab,var(--accent-2) 8%,transparent)}.transaction-item.failed{border-color:var(--danger);background:color-mix(in oklab,var(--danger) 8%,transparent)}.transaction-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.transaction-info{display:flex;align-items:flex-start;gap:16px}.transaction-number{background:var(--fg-2);color:var(--card);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.transaction-details h4{color:var(--fg-2);margin-bottom:4px;font-size:1.1rem}.transaction-gas{color:var(--fg-3);font-size:.9rem;font-family:monospace}.transaction-hash{color:var(--accent);font-size:.8rem;font-family:monospace;margin-top:4px}.transaction-status{text-align:right}.status-processing{color:var(--accent)}.status-completed{color:var(--accent-2)}.status-failed{color:var(--danger)}.status-pending{color:var(--fg-3)}.spinner-small{width:16px;height:16px;border:2px solid var(--border);border-top:2px solid var(--accent);border-radius:50%;animation:spin 1s linear infinite}.transaction-result{padding:12px;border-radius:8px;font-size:.9rem;margin-top:12px}.transaction-result.success{background:color-mix(in oklab,var(--accent-2) 10%,transparent);color:var(--accent-2);border:1px solid color-mix(in oklab,var(--accent-2) 30%,transparent)}.transaction-result.error{background:color-mix(in oklab,var(--danger) 10%,transparent);color:var(--danger);border:1px solid color-mix(in oklab,var(--danger) 30%,transparent)}.results-card{background:var(--card);border-radius:16px;padding:24px;margin-bottom:30px;box-shadow:var(--shadow);border:2px solid var(--accent)}.results-card h3{color:var(--fg-2);margin-bottom:16px}.results-summary{display:flex;gap:20px;margin-bottom:20px}.result-success{background:color-mix(in oklab,var(--accent-2) 10%,transparent);color:var(--accent-2)}.result-failed{background:color-mix(in oklab,var(--danger) 10%,transparent);color:var(--danger)}.results-details{display:flex;flex-direction:column;gap:12px}.result-item{padding:12px 16px;border-radius:8px;display:flex;justify-content:space-between;align-items:center}.result-item.success{background:color-mix(in oklab,var(--accent-2) 8%,transparent);border:1px solid color-mix(in oklab,var(--accent-2) 30%,transparent)}.result-item.error{background:color-mix(in oklab,var(--danger) 8%,transparent);border:1px solid color-mix(in oklab,var(--danger) 30%,transparent)}.tx-link a{color:var(--accent);text-decoration:none;font-size:.8rem}.tx-link a:hover{text-decoration:underline}.action-buttons{text-align:center;margin-bottom:40px}.execute-button{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;border:none;padding:20px 40px;font-size:1.3rem;font-weight:600;border-radius:16px;cursor:pointer;transition:all .3s ease;margin-bottom:16px;display:block;width:100%;max-width:400px;margin-left:auto;margin-right:auto}.execute-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px color-mix(in oklab,var(--accent) 30%,transparent)}.execute-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.claiming-progress{text-align:center;margin-bottom:20px}.progress-info{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px;font-weight:600;color:var(--accent)}.progress-bar{width:100%;height:8px;background:var(--border);border-radius:4px;overflow:hidden;max-width:400px;margin:0 auto}.progress-fill{height:100%;background:linear-gradient(135deg,var(--accent),var(--accent-2));transition:width .3s ease}.security-notice{background:color-mix(in oklab,var(--accent-2) 8%,var(--bg));border:2px solid color-mix(in oklab,var(--accent-2) 40%,transparent);border-radius:12px;padding:24px;margin-top:40px}.security-notice h4{color:var(--accent-2);margin-bottom:12px;font-size:1.1rem}.security-notice ul{list-style:none;padding:0}.security-notice li{color:var(--accent-2);position:relative;padding:4px 0 4px 20px}.security-notice li:before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:700}@media(max-width:768px){.summary-grid{grid-template-columns:1fr}.transaction-header{flex-direction:column;gap:12px}.transaction-status{text-align:left}.results-summary{flex-direction:column;gap:12px}.result-item{flex-direction:column;gap:8px;align-items:flex-start}}.app{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.main-content{min-height:calc(100vh - 70px);padding:20px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#333}.card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #0000001a;margin-bottom:20px}.btn{padding:12px 24px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:#007aff;color:#fff}.btn-primary:hover{background:#0056cc;transform:translateY(-2px)}.btn-success{background:#34c759;color:#fff}.btn-success:hover{background:#2aa34d;transform:translateY(-2px)}.btn-danger{background:#ff3b30;color:#fff}.btn-danger:hover{background:#d70015;transform:translateY(-2px)}.loading{display:flex;align-items:center;justify-content:center;padding:40px}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007AFF;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--bg: #f9fafc;--bg-2: #ffffff;--card: #ffffff;--fg-1: #000000;--fg-2: #1c1c1e;--fg-3: #6e6e73;--border: rgba(0, 0, 0, .1);--shadow: 0 8px 30px rgba(0, 0, 0, .08);--accent: #007aff;--accent-2: #34c759;--danger: #ff3b30;--warning: #ff9500;--success: #30d158;--font-body: "Inter", "SF Pro Display", "Roboto", sans-serif;--font-mono: "JetBrains Mono", "Menlo", monospace;--transition-fast: .2s ease;--transition-slow: .35s ease;color-scheme:light}[data-theme=dark]{--bg: #0b0c0f;--bg-2: #16181c;--card: #1e2025;--fg-1: #ffffff;--fg-2: #f5f5f7;--fg-3: #a1a1aa;--border: rgba(255, 255, 255, .12);--shadow: 0 8px 30px rgba(0, 0, 0, .4);--accent: #0a84ff;--accent-2: #30d158;--danger: #ff453a;--warning: #ff9f0a;--success: #32d74b;color-scheme:dark}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg-2);font-family:var(--font-body);transition:background-color var(--transition-slow),color var(--transition-slow);min-height:100%}*,*:before,*:after{box-sizing:border-box}a{color:var(--accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-2)}button{font-family:var(--font-body);transition:all var(--transition-fast)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.card{background:var(--card);border-radius:16px;border:1px solid var(--border);box-shadow:var(--shadow);padding:1.5rem}.glow{box-shadow:0 0 20px color-mix(in oklab,var(--accent) 30%,transparent)}.text-accent{color:var(--accent)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}:root,[data-theme=dark],*{transition:background-color var(--transition-slow),color var(--transition-slow),border-color var(--transition-slow)}@media(prefers-reduced-motion:reduce){:root,[data-theme=dark],*{transition:none!important;animation:none!important}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-2)}::-webkit-scrollbar-thumb{background:color-mix(in oklab,var(--accent) 30%,var(--bg));border-radius:10px}::-webkit-scrollbar-thumb:hover{background:color-mix(in oklab,var(--accent-2) 50%,var(--bg))}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s ease forwards}.chain-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:.75rem;text-decoration:none;background:var(--card, rgba(255,255,255,.06));transition:transform .12s ease,background .12s ease;cursor:pointer}.chain-badge:hover{transform:translateY(-1px)}.chains-grid{display:flex;flex-wrap:wrap;gap:.75rem}.app-footer{text-align:center;padding:1rem 0;margin-top:2rem;border-top:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.footer-content{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#fffc;font-size:.85rem;font-family:Inter,sans-serif;letter-spacing:.3px;text-decoration:none;transition:all .3s ease}.footer-logo{width:22px;height:22px;object-fit:contain;filter:drop-shadow(0 0 5px rgba(0,255,150,.6));animation:footer-glow 4s ease-in-out infinite alternate}.footer-content:hover{color:#00ff9a;text-shadow:0 0 8px rgba(0,255,150,.9);transform:translateY(-1px)}.footer-content:hover .footer-logo{filter:drop-shadow(0 0 10px rgba(0,255,150,1))}@keyframes footer-glow{0%{filter:drop-shadow(0 0 3px rgba(0,255,150,.4))}to{filter:drop-shadow(0 0 8px rgba(0,255,150,.9))}}html,body{height:100%;overflow-x:hidden}img,svg{max-width:100%;height:auto;display:block}.container{width:100%;max-width:1120px;margin-inline:auto;padding:16px}.hero h1{margin:0 0 8px;font-size:clamp(28px,6vw,56px);line-height:1.15}.hero p{margin:0 0 24px;color:var(--muted-foreground, #6b7280);font-size:clamp(14px,3.8vw,18px)}.features-grid{display:grid;gap:16px;grid-template-columns:1fr}.feature-card{padding:16px;border-radius:14px}@media(min-width:640px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.features-grid{grid-template-columns:repeat(4,1fr)}}.connect-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center;margin:20px 0}.btn{padding:12px 18px;border-radius:12px;font-weight:600}@media(max-width:420px){.btn{width:100%}}.supported-chains h3{margin:24px 0 12px}.chains-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:480px){.chains-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:768px){.chains-grid{grid-template-columns:repeat(5,1fr)}}@media(min-width:1024px){.chains-grid{grid-template-columns:repeat(8,1fr)}}.chain-badge{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:#ffffff0f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chain-logo-img{width:20px;height:20px;object-fit:contain;border-radius:4px}.navbar{padding:10px 12px}.navbar-links{display:flex;gap:10px;flex-wrap:wrap}.navbar-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.site-footer{margin-top:28px;padding:16px 0;font-size:12px;color:var(--muted-foreground, #6b7280);text-align:center}.app-footer{margin-top:3rem;padding:1.5rem 1rem;text-align:center;background:transparent;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center;gap:1rem}.footer-content{display:flex;flex-direction:column;align-items:center;gap:.75rem}.footer-logo{height:40px;width:auto;margin-bottom:.25rem}.footer-links{display:flex;gap:1rem;justify-content:center}.footer-icon{width:28px;height:28px;opacity:.8;transition:opacity .2s ease,transform .2s ease}.footer-icon:hover{opacity:1;transform:scale(1.1)}.chain-logo{width:18px;height:18px;object-fit:contain;margin-right:8px;vertical-align:middle}