.swap-page{display:flex;justify-content:center;min-height:calc(100dvh - var(--topbar-h) - var(--app-main-pb));padding:24px 0}.swap-col{width:100%;max-width:460px;margin-block:auto}.swap-head{margin-bottom:14px}.swap-card{padding:14px}.sw-top{display:flex;justify-content:flex-end;margin-bottom:8px}.sw-field{background:var(--ink-2);border:1px solid var(--border);border-radius:var(--r-lg);padding:10px 12px 8px;transition:border-color .12s ease}.sw-field:focus-within{border-color:var(--border-strong)}.sw-field-top{display:flex;align-items:center;justify-content:space-between;min-height:18px}.sw-field-top .label{margin-bottom:0}.sw-bal{display:inline-flex;align-items:center;gap:6px;font-size:11.5px}.sw-max{color:var(--quill-bright);font-size:10.5px;font-weight:600;letter-spacing:.04em;padding:1px 5px;border-radius:var(--r-sm);background:var(--quill-wash)}.sw-max:hover{background:var(--quill-ring);color:var(--paper)}.sw-field-row{display:flex;align-items:center;gap:10px;margin-top:2px}.sw-amount{flex:1 1;min-width:0;background:none;border:none;padding:2px 0;font-size:26px;font-weight:500;letter-spacing:-.01em}.sw-amount:focus,.sw-amount:hover{border:none;box-shadow:none}.sw-amount::placeholder{color:var(--paper-ghost)}.sw-amount[readonly]{cursor:default}.sw-asset-btn{display:inline-flex;align-items:center;gap:7px;flex:none;min-height:34px;padding:5px 9px 5px 6px;border-radius:999px;background:var(--ink-3);border:1px solid var(--border);color:var(--paper);cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.sw-asset-btn:hover{background:var(--ink-4);border-color:var(--border-strong)}.sw-asset-btn:active{transform:translateY(.5px)}.sw-asset-btn:focus-visible{outline:none;border-color:var(--quill);box-shadow:0 0 0 3px var(--quill-wash)}.sw-asset-btn[data-empty=true]{padding-left:12px;background:var(--quill-wash);border-color:var(--quill-ring);color:var(--quill-bright)}.sw-asset-btn[data-empty=true]:hover{background:var(--quill-ring);color:var(--paper)}.sw-asset-symbol{font-size:13.5px;font-weight:600;letter-spacing:-.005em;max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sw-asset-chev{flex:none;color:var(--paper-dim);transition:color .12s ease}.sw-asset-btn:hover .sw-asset-chev{color:var(--paper)}.sw-asset-btn[data-empty=true] .sw-asset-chev{color:currentColor}.sw-field-foot{font-size:11.5px;min-height:17px}.sw-flip-rail{display:flex;justify-content:center;height:0;position:relative;z-index:1}.sw-flip{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;margin-top:-15px;border-radius:9px;background:var(--ink-3);border:3px solid var(--ink-1);color:var(--paper-dim);transition:color .12s ease,background .12s ease,transform .16s ease}.sw-flip:hover{color:var(--paper);background:var(--ink-4);transform:rotate(180deg)}.sw-field+.sw-flip-rail+.sw-field{margin-top:4px}.sw-details{margin-top:12px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--ink-1)}.sw-rate{display:block;width:100%;text-align:left;font-size:12.5px;color:var(--paper);padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid var(--border)}.sw-rate:hover{color:var(--quill-bright)}.sw-detail-list{margin:0;display:grid;grid-gap:5px;gap:5px}.sw-detail-list>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.sw-detail-list dt{font-size:12px}.sw-detail-list dd{margin:0;font-size:12px;text-align:right}.sw-warn-text{color:var(--gilt)}.sw-route{display:flex;flex-wrap:wrap;justify-content:flex-end}.sw-hop-group,.sw-route{align-items:center;gap:4px}.sw-hop-group{display:inline-flex}.sw-hop{font-size:11.5px;font-weight:600;padding:1px 6px;border-radius:999px;background:var(--ink-3)}.sw-arrow{color:var(--paper-faint);font-size:11px}.sw-impact-warn{padding:8px 10px;border-radius:var(--r-sm);background:var(--vermillion-wash);color:var(--vermillion-bright)}.sw-approve-note,.sw-impact-warn,.sw-nothing,.sw-route-note{margin:10px 0 0;font-size:11.5px;line-height:1.45}.sw-nothing{text-align:center}.sw-submit{width:100%;margin-top:12px;padding:12px 20px;font-size:14px}.sw-pools{margin-top:16px}.sw-pools-label{margin-bottom:8px}.sw-pools-row{display:flex;flex-wrap:wrap;gap:8px}.sw-pool-chip{display:inline-flex;align-items:baseline;gap:8px;padding:6px 10px;border-radius:var(--r-md);background:var(--ink-1);border:1px solid var(--border);color:var(--paper);font-size:12px;transition:border-color .12s ease}.sw-pool-chip:hover{border-color:var(--border-strong);color:var(--paper)}.sw-pool-name{font-weight:600}@media (max-width:520px){.swap-page{padding-top:16px}.sw-amount{font-size:22px}}.sw-wrap-note p{margin:0;font-size:12px;line-height:1.5;color:var(--paper-dim)}.sw-wrap-note strong{color:var(--paper);font-weight:600}.sw-arrow-wrap{color:var(--paper-ghost);font-size:12px}