.swap-page{min-height:100dvh;background:var(--bg);color:var(--ink)}.swap-page button:disabled{opacity:.45;cursor:not-allowed}.swap-main{width:100%;max-width:570px;margin:0 auto;padding:30px 20px 40px}.swap-network-tabs{display:flex;gap:6px;padding:5px;background:var(--surface);border:1px solid var(--line);border-radius:13px;margin-bottom:21px}.swap-network-tabs button{display:flex;align-items:center;justify-content:center;gap:7px;flex:1 1;font-size:12px;font-weight:800;padding:11px 7px;border-radius:9px;white-space:nowrap}.swap-network-tabs button.selected{background:var(--soft);color:var(--orange)}.swap-network-tabs button>span:not(.swap-chain-dot){font-size:9px;font-weight:500}.swap-network-tabs img{width:17px;height:17px;border-radius:50%}.swap-chain-dot{width:14px;height:14px;border-radius:50%;background:#7d9a61;box-shadow:inset 0 0 0 4px #fff9}.swap-card{background:var(--surface);border:1px solid var(--line);border-radius:26px;padding:22px;box-shadow:0 8px 30px #492d1b05}.swap-card-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px}.swap-card-heading>div>span{font-size:9px;letter-spacing:1.7px;font-weight:800;color:var(--muted)}.swap-card h1{font-family:Fredoka,sans-serif;font-size:29px;font-weight:500;margin-top:5px}.swap-demo{display:inline-block;font-size:9px;font-weight:800;letter-spacing:.7px;padding:5px 8px;border-radius:5px;color:var(--orange);background:#e75a2d0c;border:1px solid #e75a2d20}.swap-panels{display:flex;flex-direction:column;gap:8px;position:relative}.swap-asset-panel{padding:16px;border:1px solid var(--line);border-radius:17px;background:var(--bg);min-height:137px}.swap-panel-label{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700;color:var(--muted);gap:10px}.swap-panel-label small{font-size:10px;font-weight:500}.swap-amount-row{display:flex;align-items:center;gap:12px;margin-top:14px}.swap-amount-row>input,.swap-amount-row>strong{font-family:Fredoka,sans-serif;font-size:33px;font-weight:450;min-width:0;flex:1 1;width:0;border:0;outline:none;color:var(--ink);background:transparent;overflow:hidden;text-overflow:ellipsis}.swap-amount-row>input::placeholder{color:var(--muted);opacity:.45}.swap-token-select{display:flex;align-items:center;gap:7px;background:var(--surface);border:1px solid var(--line);padding:7px 10px 7px 7px;border-radius:30px;flex-shrink:0;max-width:175px}.swap-token-select>b{font-size:14px;overflow:hidden;text-overflow:ellipsis}.swap-token-select>svg{color:var(--muted);flex-shrink:0}.swap-percent{display:flex;justify-content:flex-end;gap:5px;margin-top:10px}.swap-percent button{font-size:9px;font-weight:750;padding:3px 7px;border-radius:4px;background:var(--soft);color:var(--muted)}.swap-percent button:hover{color:var(--orange)}.swap-flip{display:grid;place-items:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:39px;height:39px;border-radius:12px;border:4px solid var(--surface);background:var(--orange);color:white;z-index:1}.swap-token-network{display:block;font-size:9px}.swap-route,.swap-token-network{margin-top:15px;color:var(--muted)}.swap-route{display:flex;align-items:center;gap:8px;background:var(--soft);padding:12px;border-radius:9px;font-size:11px}.swap-route>span{flex:1 1}.swap-route>svg{color:var(--orange);flex-shrink:0}.swap-cost-line{display:flex;justify-content:space-between;gap:15px;font-size:11px;line-height:1.8;color:var(--muted);padding:14px 1px 10px}.swap-cost-line b{color:var(--ink);font-size:11px;font-weight:700;white-space:nowrap}.swap-cost-details{font-size:10px;color:var(--muted);line-height:1.9}.swap-cost-details summary{cursor:pointer}.swap-cost-details p{margin-top:10px}.swap-cost-details>div{display:flex;justify-content:space-between;margin-top:9px;gap:10px}.swap-cost-details b{font-size:10px;font-weight:650}.swap-submit{justify-content:space-between;width:100%;margin-top:21px;padding:14px 17px;border-radius:12px;font-size:13px;font-weight:800}.swap-source,.swap-submit{display:flex;align-items:center}.swap-source{justify-content:center;gap:6px;color:var(--muted);font-size:9px;line-height:1.8;margin-top:15px;text-align:center}.swap-source svg{flex-shrink:0}.swap-error{padding:10px 12px;border:1px solid #e75a2d45;background:#e75a2d08;color:#bd603b;margin-top:14px}.swap-error,.swap-notice{font-size:11px;line-height:1.8;border-radius:8px}.swap-notice{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;color:var(--muted);padding:11px;background:var(--soft);margin-top:13px}.swap-notice button{flex-shrink:0}.swap-text-button{display:block;font-size:11px;color:var(--muted);padding:10px;margin:5px auto}.swap-footer{font-size:10px;color:var(--muted);text-align:center;line-height:1.9;margin:20px 13px}.swap-history{font-size:11px;border:1px solid var(--line);border-radius:12px;padding:15px 17px;background:var(--surface);margin-top:20px}.swap-history summary{display:flex;align-items:center;gap:8px;cursor:pointer}.swap-history summary>span{margin-left:auto;color:var(--muted)}.swap-history>div{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border-top:1px solid var(--line);padding:12px 0;margin-top:12px}.swap-history small{display:block;font-size:9px;font-weight:400;line-height:1.8;margin-top:5px;color:var(--muted)}.swap-history b{font-size:10px;text-align:right;max-width:55%}.swap-dialog{position:fixed;inset:0;margin:auto;width:480px;max-width:calc(100vw - 24px);max-height:90dvh;padding:28px;overflow:auto;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:21px}.swap-dialog::-webkit-backdrop{background:#21191099;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.swap-dialog::backdrop{background:#21191099;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.swap-modal-close{position:absolute;right:18px;top:18px;color:var(--muted)}.swap-dialog h2{font-family:Fredoka,sans-serif;font-size:28px;font-weight:500;line-height:1.4;margin:13px 0 5px}.swap-modal-sub{font-size:11px;color:var(--muted);line-height:1.9;margin:8px 0 13px}.swap-search{display:flex;align-items:center;gap:9px;border:1px solid var(--line);padding:12px;background:var(--bg);border-radius:10px;margin:19px 0 13px}.swap-search input{width:100%;outline:none;background:transparent;border:0;font-size:13px;color:var(--ink)}.swap-token-list{display:grid;grid-gap:3px;gap:3px;max-height:50dvh;overflow:auto}.swap-token-list>button,.swap-token-list>div{display:flex;align-items:center;gap:10px;width:100%;padding:11px 7px;text-align:left;border-radius:8px;font-size:13px}.swap-token-list>button:hover{background:var(--soft)}.swap-token-list>button>span:not(.token-icon){flex:1 1}.swap-token-list b{font-size:13px}.swap-token-list small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.swap-token-list strong{margin-left:auto;font-size:12px;font-weight:650}.swap-token-list>button>svg{color:var(--orange);flex-shrink:0}.swap-review-values{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:17px;background:var(--soft);border-radius:12px;margin:20px 0;font-size:10px;color:var(--muted)}.swap-review-values b{display:block;color:var(--ink);font-size:15px;margin-top:7px;line-height:1.7}.swap-review-values>span:last-child{text-align:right}.swap-step-list{list-style:none;padding:0;margin:17px 0}.swap-step-list li{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.swap-step-list li>span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;color:var(--orange);background:#e75a2d10;font-size:11px;flex-shrink:0}.swap-step-list b{font-size:13px;font-weight:750}.swap-step-list small{display:block;font-size:10px;color:var(--muted);line-height:1.8;margin-top:5px}.swap-step-list .done>span{background:#7d9a6115;color:var(--green)}.swap-review-note{display:flex;gap:8px;align-items:flex-start;background:var(--soft);padding:13px;border-radius:9px;color:var(--muted);font-size:11px;line-height:1.9;margin:16px 0}.swap-review-note svg{flex-shrink:0;margin-top:3px}.swap-progress-head{display:flex;align-items:center;gap:15px;margin-top:10px}.swap-progress-head h2{font-size:25px;margin-top:8px}.swap-walk{width:80px;height:80px;object-fit:contain;border-radius:13px;background:var(--soft);flex-shrink:0}.swap-success-icon{color:var(--green);margin:10px;flex-shrink:0}[data-theme=dark] .swap-error{color:#edaa8f}@media(max-width:560px){.swap-main{padding:23px 13px 30px}.swap-card{padding:18px 14px;border-radius:20px}.swap-network-tabs button{font-size:11px;gap:6px;padding:10px 6px}.swap-network-tabs button>span:not(.swap-chain-dot){font-size:8px}.swap-card h1{font-size:26px}.swap-asset-panel{padding:13px;min-height:127px}.swap-amount-row{gap:9px}.swap-amount-row>input,.swap-amount-row>strong{font-size:29px}.swap-token-select{max-width:144px;padding:6px;gap:5px}.swap-token-select>b{font-size:12px}.swap-cost-line,.swap-cost-line b{font-size:10px}.swap-dialog{padding:25px 19px}.swap-dialog h2{font-size:25px}.swap-review-values{padding:14px;gap:10px}.swap-review-values b{font-size:13px}.swap-progress-head{gap:10px}.swap-walk{width:65px;height:65px}.swap-progress-head h2{font-size:22px}.swap-footer{font-size:9px}.swap-source{font-size:8px}.swap-page .product-tab{min-width:96px}}.swap-history-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:12px;margin-top:12px;font-size:11px;color:var(--muted)}.swap-history-controls label{display:flex;align-items:center;gap:8px}.swap-history-controls button,.swap-history-controls select{padding:7px 10px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);font:inherit}.swap-history-controls button:disabled{opacity:.35;cursor:not-allowed}@media(max-width:560px){.swap-history-controls button,.swap-history-controls select{min-height:36px}}