.swap-widget{background:var(--card);border-radius:16px;padding:20px;max-width:480px;width:100%;margin:0 auto;display:block;border:1px solid var(--border)}.swap-header{margin-bottom:20px}.swap-header,.wrong-network-banner{display:flex;justify-content:space-between;align-items:center}.wrong-network-banner{background:#f59e0b1a;border:1px solid #f59e0b;border-radius:10px;padding:10px 14px;margin-bottom:16px;color:#f59e0b;font-size:14px;font-weight:500}.switch-network-btn{background:#f59e0b;color:#000;border:none;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s}.switch-network-btn:hover:not(:disabled){background:#d97706}.switch-network-btn:disabled{opacity:.6;cursor:not-allowed}.swap-header h2{margin:0;color:var(--card-foreground);font-size:20px;font-weight:600}.settings-button{background:transparent;border:none;font-size:20px;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:12px;transition:background .2s}.settings-button:hover,.settings-modal{background:var(--muted)}.settings-modal{border-radius:16px;padding:16px;margin-bottom:16px}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.settings-header h3{margin:0;color:var(--foreground);font-size:16px;font-weight:600}.close-button{background:transparent;border:none;color:var(--muted-foreground);font-size:24px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:color .2s}.close-button:hover{color:var(--foreground)}.settings-content{display:flex;flex-direction:column;gap:16px}.setting-section{display:flex;flex-direction:column;gap:12px}.setting-label{color:var(--muted-foreground);font-size:14px;font-weight:500}.slippage-buttons{display:flex;gap:8px;align-items:center}.slippage-preset{flex:1;background:var(--background);border:1px solid var(--border);border-radius:12px;padding:10px;color:var(--foreground);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.slippage-preset.active,.slippage-preset:hover{border-color:var(--primary)}.slippage-preset.active{background:var(--primary);color:var(--primary-foreground)}.custom-slippage{flex:1;position:relative;display:flex;align-items:center}.custom-slippage-input{width:100%;background:var(--input);border:1px solid var(--border);border-radius:12px;padding:10px 30px 10px 10px;color:var(--foreground);font-size:14px;font-weight:500;outline:none;transition:border-color .2s}.custom-slippage-input:focus{border-color:var(--ring)}.custom-slippage-input::placeholder{color:var(--muted-foreground)}.percent-sign{position:absolute;right:10px;color:var(--muted-foreground);font-size:14px;pointer-events:none}.slippage-warning{background:#ff6b001a;border:1px solid #ff6b00;border-radius:8px;padding:8px 12px;color:#ff9d4d;font-size:12px;display:flex;align-items:center;gap:6px}.token-input-container{background:var(--muted);border-radius:12px;padding:12px 16px;margin-bottom:4px;position:relative}.token-input-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;color:var(--muted-foreground)}.input-label{font-weight:600;font-size:15px}.token-input-footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px;gap:8px}.balance{font-size:12px;color:var(--muted-foreground);opacity:.6}.amount-presets{display:flex;gap:6px}.amount-preset{background:var(--background);border:1px solid var(--border);color:var(--muted-foreground);font-size:12px;font-weight:500;cursor:pointer;padding:4px 10px;border-radius:6px;transition:all .15s}.amount-preset:hover{color:var(--foreground);border-color:var(--primary);background:var(--accent)}.custom-percent{display:flex;align-items:center;gap:2px;background:var(--muted);border:1px solid var(--border);border-radius:6px;padding:4px 8px 4px 4px;transition:all .15s}.custom-percent:focus-within{border-color:var(--primary);background:var(--accent)}.custom-percent-input{width:24px;background:transparent;border:none;outline:none;color:var(--muted-foreground);font-size:12px;font-weight:500;padding:0;text-align:right}.custom-percent-input:focus{color:var(--foreground)}.custom-percent-input::placeholder{color:var(--muted-foreground)}.custom-percent-input::-webkit-inner-spin-button,.custom-percent-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.percent-symbol{color:var(--muted-foreground);font-size:12px;font-weight:500}.token-input{display:flex;align-items:center;justify-content:space-between;gap:12px}.amount-input{flex:1;background:transparent;border:none;outline:none;color:var(--foreground);font-size:20px;font-weight:500;padding:0;text-align:right;min-width:0}.amount-input::placeholder{color:var(--muted-foreground)}.amount-input::-webkit-inner-spin-button,.amount-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.token-select-wrapper{position:relative;flex-shrink:0}.token-select-button{display:flex;align-items:center;gap:6px;background:var(--background);border:none;border-radius:20px;padding:8px 12px;color:var(--foreground);font-size:15px;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.token-select-button:hover{background:var(--accent)}.token-select-button .token-icon{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--secondary));display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--primary-foreground)}.token-select-button .token-symbol-text{font-weight:600}.dropdown-arrow{font-size:16px;font-weight:600;color:var(--muted-foreground);transition:transform .15s}.token-list{position:absolute;top:calc(100% + 4px);left:0;min-width:240px;background:oklch(.98 .01 105);border:1px solid var(--border);border-radius:12px;max-height:280px;overflow-y:auto;z-index:100;box-shadow:0 8px 24px rgba(0,0,0,.4)}.token-list::-webkit-scrollbar{width:6px}.token-list::-webkit-scrollbar-track{background:transparent}.token-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.token-list::-webkit-scrollbar-thumb:hover{background:var(--muted-foreground)}.token-list-item{display:flex;flex-direction:column;align-items:flex-start;padding:10px 14px;cursor:pointer;transition:background .15s;gap:2px}.token-list-item:hover{background:oklch(.92 .01 105)}.token-list-item:first-child{border-radius:12px 12px 0 0}.token-list-item:last-child{border-radius:0 0 12px 12px}.token-symbol{color:oklch(.2 0 0);font-weight:600;font-size:14px}.token-name{color:oklch(.4 0 0);font-size:12px}.token-address{color:oklch(.5 0 0);font-size:11px;font-family:Monaco,Menlo,monospace}.token-list-empty,.token-list-loading{padding:16px;text-align:center;color:var(--muted-foreground);font-size:13px}.switch-button-container{margin:-6px 0;z-index:1}.switch-button,.switch-button-container{display:flex;justify-content:center;position:relative}.switch-button{background:var(--muted);border:none;border-radius:8px;width:36px;height:36px;align-items:center;cursor:pointer;font-size:16px;color:var(--muted-foreground);transition:all .15s;padding:0}.switch-button:hover{background:var(--accent);color:var(--foreground)}.progress-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.progress-ring-path{transition:stroke-dashoffset .1s linear}.switch-icon{position:relative;z-index:1;display:flex;align-items:center;justify-content:center}.swap-button{width:100%;background:var(--primary);border:none;border-radius:12px;padding:16px;color:var(--primary-foreground);font-size:16px;font-weight:600;cursor:pointer;margin-top:12px;transition:opacity .2s}.swap-button:hover:not(:disabled){opacity:.9}.swap-button:disabled{background:var(--muted);color:var(--muted-foreground);cursor:not-allowed}.quote-details{background:var(--muted);border-radius:12px;padding:12px 16px;margin-top:12px;display:flex;flex-direction:column;gap:8px}.quote-row{display:flex;justify-content:space-between;align-items:center;font-size:14px}.quote-label{color:var(--muted-foreground)}.quote-value{color:var(--foreground);font-weight:500;text-align:right}.error-message{background:#ff00001a;border:1px solid #ff0000;border-radius:12px;padding:12px;margin-top:16px;color:#ff6b6b;font-size:14px;word-break:break-word}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(4px)}.confirmation-modal{background:var(--card);border-radius:20px;padding:32px;max-width:400px;width:90%;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.5);border:1px solid var(--border)}.modal-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;margin:0 auto 20px;background:var(--primary);color:var(--primary-foreground)}.confirmation-modal .modal-icon{background:var(--secondary);color:var(--secondary-foreground)}.error .modal-icon{background:var(--destructive);color:var(--destructive-foreground)}.modal-title{color:var(--card-foreground);font-size:24px;font-weight:600;margin:0 0 12px}.modal-message{color:var(--muted-foreground);font-size:16px;margin:0 0 24px;line-height:1.5}.view-transaction{display:inline-block;color:var(--primary);text-decoration:none;font-size:14px;font-weight:500;margin-bottom:20px;transition:opacity .2s}.view-transaction:hover{opacity:.8}.modal-close-button{width:100%;background:var(--muted);border:none;border-radius:12px;padding:14px;color:var(--foreground);font-size:16px;font-weight:600;cursor:pointer;transition:background .2s}.modal-close-button:hover{background:var(--border)}@media (max-width:768px){.swap-widget{max-width:100%;border-radius:16px;padding:16px}.amount-input{font-size:18px}.token-select-button{font-size:14px;padding:6px 12px}.swap-button{font-size:16px;padding:14px}.token-input-footer{flex-wrap:wrap}}@media (max-width:480px){.swap-widget,.token-input-container{padding:12px}.amount-input{font-size:16px}.token-select-button{font-size:13px;padding:6px 10px}.token-input-footer{flex-direction:column;align-items:flex-start;gap:6px}}