.swap-workspace{max-width:620px;margin:0 auto}.swap-card{padding:20px;border:1px solid rgba(53,200,255,.16);border-radius:20px;background:linear-gradient(160deg,rgba(8,17,25,.98),rgba(3,8,14,.98));box-shadow:0 28px 80px rgba(0,0,0,.36)}
.swap-card-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.swap-card-header h2{margin:0;color:var(--text);font:850 1.25rem/1.2 inherit}.swap-settings-toggle{display:flex;align-items:center;gap:6px;min-height:34px;padding:0 10px;border:1px solid rgba(53,200,255,.18);border-radius:9px;background:transparent;color:var(--muted);font:750 .75rem/1 inherit;cursor:pointer}.swap-settings-toggle:hover,.swap-settings-toggle[aria-expanded="true"]{color:var(--cyan);background:rgba(53,200,255,.08);border-color:rgba(53,200,255,.38)}.swap-details-chevron{font-size:1rem;line-height:1;transition:transform .18s ease}.swap-settings-toggle[aria-expanded="true"] .swap-details-chevron{transform:rotate(180deg)}
.swap-token-box{padding:15px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(2,8,13,.7)}.swap-token-top,.swap-token-input-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.swap-token-top{color:var(--muted);font-size:.75rem}.swap-balance{color:#6fb9f6}.swap-token-input-row{margin-top:10px}.swap-token-input-row input{min-width:0;flex:1;padding:0;border:0!important;background:transparent!important;color:var(--text);font-size:clamp(1.8rem,6vw,2.55rem);font-weight:850;box-shadow:none!important}.swap-token-input-row input:focus{outline:none}.swap-token-pill{display:flex;align-items:center;gap:8px;min-width:max-content;padding:7px 11px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.045);font-weight:900}.swap-token-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;font-size:.75rem}.swap-token-icon.sui{color:white;background:#4da2ff}.swap-token-icon.tree{color:#05150d;background:linear-gradient(135deg,#38ef92,#d9e754)}.swap-max{padding:3px 7px;border:0;border-radius:7px;color:var(--cyan);background:rgba(53,200,255,.08);font-size:.65rem;font-weight:900;cursor:pointer}
.swap-amount-field{display:flex;align-items:baseline;gap:10px;min-width:0;flex:1}.swap-usd-value{flex:0 0 auto;color:#98a9b8;font-size:.78rem;font-weight:800;white-space:nowrap}.swap-usd-value[data-ready="true"]{color:#d8e3ec}
.swap-direction{display:grid;place-items:center;width:42px;height:42px;margin:-5px auto;border:1px solid rgba(53,200,255,.2);border-radius:50%;color:var(--cyan);background:#07121c;cursor:pointer;position:relative;z-index:2}.swap-direction:hover{transform:rotate(180deg)}
.swap-route-box{margin-top:14px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(2,8,13,.55);overflow:hidden}.swap-route-summary{display:grid;grid-template-columns:1fr auto;gap:8px;padding:13px 14px}.swap-route-summary span{color:var(--muted);font-size:.72rem}.swap-route-summary strong{text-align:right}.swap-route-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.06)}.swap-route-stats div{padding:11px;border-right:1px solid rgba(255,255,255,.06)}.swap-route-stats div:last-child{border-right:0}.swap-route-stats span{display:block;color:var(--muted);font-size:.62rem;text-transform:uppercase;letter-spacing:.06em}.swap-route-stats strong{display:block;margin-top:4px;font-size:.78rem;overflow-wrap:anywhere}.swap-positive{color:#35e895}.swap-warning{color:#ffc45a}.swap-danger{color:#ff7c87}
.swap-advanced[hidden]{display:none!important}
.swap-route-details{border-top:1px solid rgba(255,255,255,.06)}.swap-route-details summary{padding:11px 14px;cursor:pointer;color:var(--cyan);font-weight:800;font-size:.76rem}.swap-route-candidates{display:grid;gap:7px;padding:0 12px 12px}.swap-route-candidate{display:grid;grid-template-columns:1fr auto;gap:3px 10px;padding:10px;border:1px solid rgba(255,255,255,.06);border-radius:10px}.swap-route-candidate.selected{border-color:rgba(53,200,255,.28);background:rgba(53,200,255,.045)}.swap-route-candidate span{font-size:.72rem}.swap-route-candidate strong{font-size:.72rem;text-align:right}.swap-route-candidate small{grid-column:1/-1;color:var(--muted);font-size:.64rem}
.swap-chart-link{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 12px 12px;padding:9px 11px;border:1px solid rgba(53,200,255,.2);border-radius:9px;background:rgba(53,200,255,.055);color:var(--cyan);font-size:.72rem;font-weight:850;text-decoration:none}.swap-chart-link:hover,.swap-chart-link:focus-visible{border-color:rgba(53,200,255,.5);background:rgba(53,200,255,.1)}
.swap-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:13px 0}.swap-controls>span{color:var(--muted);font-size:.72rem}.swap-slippage-options{display:flex;gap:5px}.swap-slippage-options button{padding:6px 8px;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:var(--muted);background:rgba(255,255,255,.025);font-size:.69rem;font-weight:850;cursor:pointer}.swap-slippage-options button.active{color:var(--cyan);border-color:rgba(53,200,255,.3);background:rgba(53,200,255,.08)}
.swap-reserve-row{display:flex;align-items:flex-start;gap:8px;margin:10px 0;color:var(--muted);font-size:.75rem}.swap-action{width:100%;min-height:48px;margin-top:8px}.swap-card>.status:not(.error):not(.success){position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}.swap-success{display:grid;gap:4px;margin-top:12px;padding:11px;border:1px solid rgba(53,232,149,.28);border-radius:11px;background:rgba(53,232,149,.06)}.swap-success strong{color:#35e895}.swap-success a{color:var(--cyan)}.swap-success p{margin:5px 0 0;color:var(--muted);font-size:.72rem;line-height:1.45}.swap-success .swap-challenge-link{display:inline-flex;width:max-content;min-height:34px;margin-top:8px;padding:7px 11px;font-size:.68rem}.swap-fallback{display:grid;gap:8px;margin:13px 0 0;padding-top:12px;border-top:1px solid rgba(255,255,255,.06);text-align:center}.swap-fallback>span{color:var(--muted);font-size:.68rem;font-weight:750}.swap-venue-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.swap-venue-links a{display:grid;place-items:center;min-height:34px;padding:7px 8px;border:1px solid rgba(53,200,255,.2);border-radius:9px;background:rgba(53,200,255,.045);color:var(--cyan);font-size:.68rem;font-weight:850;text-decoration:none;white-space:nowrap}.swap-venue-links a:hover,.swap-venue-links a:focus-visible{border-color:rgba(53,200,255,.5);background:rgba(53,200,255,.1)}
.swap-challenge-promo{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:12px;padding:10px 11px;border:1px solid rgba(255,225,79,.22);border-radius:11px;background:linear-gradient(135deg,rgba(255,225,79,.065),rgba(53,242,140,.04))}.swap-challenge-promo>span{font-size:1.05rem}.swap-challenge-promo p{margin:0;color:var(--muted);font-size:.68rem;line-height:1.4}.swap-challenge-promo strong{display:block;color:var(--text);font-size:.72rem}.swap-challenge-promo a{color:var(--gold);font-size:.69rem;font-weight:900;white-space:nowrap;text-decoration:none}.swap-challenge-promo a:hover,.swap-challenge-promo a:focus-visible{color:var(--cyan)}
@media(max-width:520px){.swap-card{padding:14px}.swap-route-stats{grid-template-columns:1fr}.swap-route-stats div{border-right:0;border-bottom:1px solid rgba(255,255,255,.06)}.swap-route-stats div:last-child{border-bottom:0}.swap-controls{align-items:flex-start;flex-direction:column}.swap-slippage-options{width:100%}.swap-slippage-options button{flex:1}.swap-token-input-row{gap:8px}.swap-token-input-row input{font-size:2rem}.swap-amount-field{gap:6px}.swap-usd-value{font-size:.7rem}.swap-token-pill{padding:6px 9px}.swap-challenge-promo{grid-template-columns:auto minmax(0,1fr)}.swap-challenge-promo a{grid-column:2}.swap-venue-links{gap:5px}.swap-venue-links a{padding-inline:4px;font-size:.63rem}}
@media(prefers-reduced-motion:reduce){.swap-direction:hover{transform:none}}
.swap-token-icon{display:block;width:28px;height:28px;border-radius:50%;object-fit:cover;flex:0 0 auto;background:#07120d}.swap-token-icon.sui{background:#4da2ff}.swap-token-icon.tree{border:1px solid rgba(78,238,146,.28)}