:root{--color-primary:#cf0;--color-primary-dim:#b8e600;--color-primary-glow:#ccff0040;--color-primary-subtle:#ccff0014;--color-bg-primary:#0a0a0a;--color-bg-secondary:#111;--color-bg-card:#161616;--color-bg-card-hover:#1c1c1c;--color-bg-input:#1a1a1a;--color-bg-input-focus:#1e1e1e;--color-text-primary:#fafafa;--color-text-secondary:#888;--color-text-muted:#555;--color-text-on-primary:#0a0a0a;--color-border:#222;--color-border-hover:#333;--color-border-focus:#cf0;--color-success:#22c55e;--color-error:#ef4444;--color-warning:#f59e0b;--color-info:#3b82f6;--color-base:#0052ff;--color-robinhood:#cf0;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 8px 32px #0009;--shadow-glow:0 0 30px #ccff0026;--shadow-glow-strong:0 0 50px #ccff0040;--glass-bg:#161616b3;--glass-border:#ffffff0f;--glass-blur:20px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"SF Mono", "Fira Code", "Fira Mono", monospace;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{font-family:var(--font-family);background-color:var(--color-bg-primary);color:var(--color-text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 60% at 50% -20%,#ccff000f 0%,#0000 60%),radial-gradient(60% 40% at 80%,#0052ff0a 0%,#0000 50%),radial-gradient(60% 40% at 20% 80%,#ccff0008 0%,#0000 50%);position:fixed;inset:0}#root{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}a{color:var(--color-primary);transition:opacity var(--transition-fast);text-decoration:none}a:hover{opacity:.8}img{max-width:100%;display:block}button{font-family:var(--font-family);cursor:pointer;background:0 0;border:none;outline:none}input{font-family:var(--font-family);background:0 0;border:none;outline:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}.app-layout{flex-direction:column;min-height:100vh;display:flex}.main-content{padding:var(--space-lg);padding-top:var(--space-xl);flex:1;justify-content:center;align-items:center;display:flex}.navbar{z-index:100;-webkit-backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--glass-border);background:#0a0a0acc;position:sticky;top:0}.navbar-inner{max-width:1200px;padding:0 var(--space-lg);justify-content:space-between;align-items:center;height:64px;margin:0 auto;display:flex}.navbar-brand{align-items:center;gap:var(--space-sm);color:var(--color-text-primary);text-decoration:none;display:flex}.navbar-logo{border-radius:var(--radius-sm);object-fit:cover;width:36px;height:36px}.navbar-title{letter-spacing:-.01em;font-size:1.125rem;font-weight:700}.navbar-title-accent{color:var(--color-primary)}.btn-connect{align-items:center;gap:var(--space-sm);border-radius:var(--radius-full);transition:all var(--transition-base);padding:10px 20px;font-size:.875rem;font-weight:600;display:flex}.btn-connect.disconnected{background:var(--color-primary);color:var(--color-text-on-primary);box-shadow:var(--shadow-glow)}.btn-connect.disconnected:hover{background:var(--color-primary-dim);box-shadow:var(--shadow-glow-strong);transform:translateY(-1px)}.btn-connect.connected{background:var(--color-bg-card);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-connect.connected:hover{border-color:var(--color-primary);background:var(--color-primary-subtle)}.btn-connect:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.wallet-dot{background:var(--color-success);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.bridge-card{background:var(--glass-bg);width:100%;max-width:480px;-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--space-lg);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.bridge-card:before{content:"";background:linear-gradient(90deg, transparent, var(--color-primary), transparent);opacity:.5;height:1px;position:absolute;top:0;left:20%;right:20%}.bridge-card-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.bridge-card-title{letter-spacing:-.02em;font-size:1.25rem;font-weight:700}.bridge-card-subtitle{color:var(--color-text-secondary);margin-top:2px;font-size:.75rem}.chain-section{background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md);transition:border-color var(--transition-fast)}.chain-section:focus-within{border-color:var(--color-border-hover)}.chain-section-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-sm);font-size:.75rem;font-weight:500}.chain-section-row{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.chain-badge{align-items:center;gap:var(--space-sm);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-full);flex-shrink:0;padding:6px 12px;display:flex}.chain-badge-icon{object-fit:cover;border-radius:50%;width:24px;height:24px}.chain-badge-name{white-space:nowrap;font-size:.875rem;font-weight:600}.amount-input{text-align:right;width:100%;color:var(--color-text-primary);letter-spacing:-.02em;background:0 0;font-size:1.75rem;font-weight:700}.amount-input::placeholder{color:var(--color-text-muted)}.amount-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.amount-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.amount-input[type=number]{-moz-appearance:textfield}.amount-output{color:var(--color-text-secondary);text-align:right;letter-spacing:-.02em;flex:1;font-size:1.75rem;font-weight:700}.balance-row{margin-top:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.balance-text{color:var(--color-text-secondary);font-size:.75rem}.percent-btns{align-items:center;gap:4px;display:flex}.percent-btn{color:var(--color-text-secondary);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);padding:2px 6px;font-size:.6875rem;font-weight:600}.percent-btn:hover{color:var(--color-primary);border-color:var(--color-primary);background:var(--color-primary-subtle)}.currency-selector{background:var(--color-bg-body);border:1px solid var(--color-border);border-radius:var(--radius-sm);-webkit-user-select:none;user-select:none;flex-shrink:0;gap:2px;padding:2px;display:flex}.currency-select-opt{color:var(--color-text-secondary);border-radius:calc(var(--radius-sm) - 2px);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:4px 8px;font-size:.7rem;font-weight:700}.currency-select-opt:hover{color:var(--color-text-primary)}.currency-select-opt.active{background:var(--color-primary);color:var(--color-bg)}.balance-max{color:var(--color-primary);cursor:pointer;transition:opacity var(--transition-fast);background:0 0;border:none;padding:0;font-size:.75rem;font-weight:600}.balance-max:hover{opacity:.7}.usd-value{color:var(--color-text-secondary);font-size:.75rem}.swap-direction-wrapper{z-index:2;justify-content:center;margin:-10px 0;display:flex;position:relative}.swap-direction-btn{background:var(--color-bg-card);border:3px solid var(--color-bg-primary);width:40px;height:40px;color:var(--color-text-secondary);transition:all var(--transition-base);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:flex}.swap-direction-btn:hover{background:var(--color-primary-subtle);color:var(--color-primary);border-color:var(--color-primary);transform:rotate(180deg)}.swap-direction-btn svg{width:18px;height:18px}.fee-details{margin-top:var(--space-md);overflow:hidden}.fee-toggle{width:100%;padding:var(--space-sm) 0;color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast);justify-content:space-between;align-items:center;font-size:.8125rem;display:flex}.fee-toggle:hover{color:var(--color-text-primary)}.fee-toggle-icon{transition:transform var(--transition-base)}.fee-toggle-icon.open{transform:rotate(180deg)}.fee-rows{padding:var(--space-sm) 0;gap:var(--space-xs);flex-direction:column;display:flex}.fee-row{justify-content:space-between;align-items:center;font-size:.8125rem;display:flex}.fee-row-label{color:var(--color-text-secondary)}.fee-row-value{color:var(--color-text-primary);font-weight:500}.fee-row-value.highlight{color:var(--color-success)}.btn-bridge{border-radius:var(--radius-lg);letter-spacing:-.01em;width:100%;transition:all var(--transition-base);margin-top:var(--space-md);padding:16px;font-size:1rem;font-weight:700;position:relative;overflow:hidden}.btn-bridge.primary{background:var(--color-primary);color:var(--color-text-on-primary);box-shadow:var(--shadow-glow)}.btn-bridge.primary:hover:not(:disabled){background:var(--color-primary-dim);box-shadow:var(--shadow-glow-strong);transform:translateY(-1px)}.btn-bridge.primary:active:not(:disabled){transform:translateY(0)}.btn-bridge.disabled{background:var(--color-bg-card);color:var(--color-text-muted);cursor:not-allowed;box-shadow:none}.btn-bridge:disabled{opacity:.7;cursor:not-allowed;transform:none!important}.btn-bridge .spinner{width:18px;height:18px;margin-right:var(--space-sm);vertical-align:middle;border:2px solid #0000;border-top-color:currentColor;border-radius:50%;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.tx-status-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;background:#000000b3;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.tx-status-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-xl);width:100%;max-width:400px;margin:var(--space-md);text-align:center;animation:.3s cubic-bezier(.34,1.56,.64,1) slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.tx-status-icon{width:64px;height:64px;margin:0 auto var(--space-lg);border-radius:50%;justify-content:center;align-items:center;display:flex}.tx-status-icon.pending{background:var(--color-primary-subtle);color:var(--color-primary);animation:2s ease-in-out infinite pulse-icon}.tx-status-icon.success{color:var(--color-success);background:#22c55e1a}.tx-status-icon.error{color:var(--color-error);background:#ef44441a}@keyframes pulse-icon{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.tx-status-title{margin-bottom:var(--space-sm);font-size:1.125rem;font-weight:700}.tx-status-message{color:var(--color-text-secondary);margin-bottom:var(--space-lg);font-size:.875rem;line-height:1.5}.tx-status-link{align-items:center;gap:var(--space-xs);color:var(--color-primary);margin-bottom:var(--space-lg);font-size:.8125rem;font-weight:500;display:inline-flex}.tx-status-link:hover{text-decoration:underline}.tx-status-steps{justify-content:center;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);display:flex}.tx-step{align-items:center;gap:var(--space-xs);color:var(--color-text-muted);font-size:.75rem;display:flex}.tx-step.active{color:var(--color-primary)}.tx-step.completed{color:var(--color-success)}.tx-step-dot{background:var(--color-text-muted);border-radius:50%;width:8px;height:8px}.tx-step.active .tx-step-dot{background:var(--color-primary);animation:1.5s ease-in-out infinite pulse-dot}.tx-step.completed .tx-step-dot{background:var(--color-success)}.tx-step-line{background:var(--color-border);border-radius:1px;width:24px;height:2px}.tx-step-line.completed{background:var(--color-success)}.btn-close-status{border-radius:var(--radius-md);background:var(--color-bg-input);width:100%;color:var(--color-text-primary);border:1px solid var(--color-border);transition:all var(--transition-fast);padding:12px;font-size:.875rem;font-weight:600}.btn-close-status:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-hover)}.footer{padding:var(--space-lg);border-top:1px solid var(--glass-border);text-align:center}.footer-inner{justify-content:center;align-items:center;gap:var(--space-lg);flex-wrap:wrap;max-width:1200px;margin:0 auto;display:flex}.footer-text{color:var(--color-text-muted);font-size:.75rem}.footer-links{gap:var(--space-md);display:flex}.footer-link{color:var(--color-text-secondary);transition:color var(--transition-fast);font-size:.75rem}.footer-link:hover{color:var(--color-primary);opacity:1}.network-badge{background:var(--color-primary-subtle);border-radius:var(--radius-full);color:var(--color-primary);border:1px solid #ccff0026;align-items:center;gap:6px;padding:4px 10px;font-size:.6875rem;font-weight:600;display:inline-flex}.network-badge-dot{background:var(--color-primary);border-radius:50%;width:6px;height:6px}@media (width<=640px){.navbar-inner{padding:0 var(--space-md)}.navbar-title{font-size:1rem}.main-content{padding:var(--space-md);padding-top:var(--space-md)}.bridge-card{padding:var(--space-md);border-radius:var(--radius-xl)}.amount-input,.amount-output{font-size:1.375rem}.btn-connect{padding:8px 14px;font-size:.8125rem}.btn-bridge{padding:14px}}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.font-mono{font-family:var(--font-mono)}