:root{--bg-color:#0b0c10;--panel-bg:#191b2299;--panel-border:#ffffff14;--primary-color:#1ed760;--primary-hover:#1db954;--text-primary:#fff;--text-secondary:#9ca3af;--danger-color:#ef4444;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,sans-serif}body{background-color:var(--bg-color);color:var(--text-primary);background-image:radial-gradient(circle at 15%,#1ed76014 0%,#0000 50%),radial-gradient(circle at 85% 30%,#8b5cf614 0%,#0000 50%);flex-direction:column;min-height:100vh;display:flex;overflow-x:hidden}.app-container{flex-direction:column;flex:1;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:2rem;display:flex}header{justify-content:space-between;align-items:center;width:100%;margin-bottom:4rem;display:flex}.logo{letter-spacing:-.5px;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;display:flex}.logo span{color:var(--primary-color)}.connect-btn{border:1px solid var(--panel-border);color:var(--text-primary);cursor:pointer;transition:var(--transition);background:#ffffff1a;border-radius:99px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;display:flex}.connect-btn:hover{background:#ffffff26;transform:translateY(-2px)}.connect-btn.connected{color:var(--primary-color);background:#1ed7601a;border-color:#1ed76033}.bridge-container{background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(20px);border-radius:24px;width:100%;max-width:480px;padding:1.5rem;position:relative;box-shadow:0 25px 50px -12px #00000080}.bridge-header{border-bottom:1px solid var(--panel-border);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.bridge-title{font-size:1.25rem;font-weight:600}.settings-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;display:flex}.settings-btn:hover{color:var(--text-primary);background:#ffffff0d}.network-box{border:1px solid var(--panel-border);transition:var(--transition);background:#0000004d;border-radius:16px;margin-bottom:.5rem;padding:1rem}.network-box:focus-within{border-color:var(--text-secondary)}.network-label{color:var(--text-secondary);justify-content:space-between;margin-bottom:.5rem;font-size:.875rem;display:flex}.network-select{cursor:default;background:#ffffff0d;border-radius:99px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:500;display:flex}.network-select img{border-radius:50%;width:24px;height:24px}.input-row{justify-content:space-between;align-items:center;margin-top:1rem;display:flex}.amount-input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-size:2rem;font-weight:600}.amount-input::placeholder{color:#fff3}.balance-text{color:var(--text-secondary);cursor:pointer;transition:var(--transition);font-size:.875rem}.balance-text:hover{color:var(--text-primary)}.swap-direction-btn{background:var(--panel-bg);border:1px solid var(--panel-border);color:var(--text-primary);z-index:10;cursor:pointer;width:40px;height:40px;transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;margin:-1rem auto;display:flex;position:relative}.swap-direction-btn:hover{background:#ffffff1a;transform:rotate(180deg)}.action-btn{cursor:pointer;width:100%;transition:var(--transition);border:none;border-radius:16px;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;padding:1rem;font-size:1.125rem;font-weight:600;display:flex}.action-btn.primary{background:var(--primary-color);color:#000}.action-btn.primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 10px 20px -10px #1ed76080}.action-btn.disabled{color:var(--text-secondary);cursor:not-allowed;background:#ffffff0d}.loader{border:2px solid #0000001a;border-left-color:#000;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.toast{background:var(--panel-bg);border:1px solid var(--panel-border);z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;align-items:center;gap:.75rem;padding:1rem 1.5rem;animation:.3s ease-out forwards slideUp;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 10px 25px -5px #00000080}.toast.success{border-left:4px solid var(--primary-color)}.toast.error{border-left:4px solid var(--danger-color)}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}