.swap-shell{display:grid}.swap-panel{padding:clamp(24px,3vw,36px);gap:clamp(22px,2.6vw,32px)}.swap-panel__backdrop{position:absolute;inset:-12% auto auto -8%;width:min(34rem,48vw);height:22rem;border-radius:999px;background:radial-gradient(circle,rgba(61,190,118,.18),rgba(61,190,118,0)),radial-gradient(circle at 72% 38%,rgba(96,165,250,.18),rgba(96,165,250,0));filter:blur(36px);pointer-events:none}.swap-panel__intro{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(18rem,.9fr);gap:18px}.swap-panel__intro-copy,.swap-panel__route{position:relative;display:grid;gap:12px}.swap-panel__eyebrow{color:var(--text-tertiary);font-size:.74rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.swap-panel__intro-copy h1{margin:0;font-family:var(--font-display),var(--font-ui),var(--font-cjk),sans-serif;font-size:clamp(2.4rem,4vw,4rem);letter-spacing:-.05em;line-height:.92}.swap-hint,.swap-note p,.swap-panel__intro-copy p,.swap-panel__route p{margin:0;color:var(--text-secondary);line-height:1.68}.swap-panel__route{align-content:start;padding:18px 20px;border-radius:var(--radius-lg);border:1px solid rgba(96,165,250,.16);background:linear-gradient(180deg,rgba(11,19,33,.9),rgba(7,13,24,.94)),rgba(255,255,255,.02)}.swap-card__header span,.swap-fact span,.swap-hash span,.swap-panel__route span{color:var(--text-tertiary);font-size:.76rem;letter-spacing:.14em;text-transform:uppercase}.swap-card__header strong,.swap-fact strong,.swap-hash a,.swap-panel__route strong,.swap-quote-value{color:var(--text-primary);font-size:1rem;font-weight:600}.swap-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.96fr);gap:18px}.swap-card{position:relative;display:grid;gap:16px;padding:22px;border-radius:var(--radius-lg);border:1px solid var(--border-default);background:linear-gradient(180deg,rgba(14,24,41,.92),rgba(8,15,28,.96)),rgba(255,255,255,.02);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 22px 48px rgba(2,9,20,.24)}.swap-card--quote{align-content:start}.swap-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.swap-card__header>div{display:grid;gap:8px}.swap-actions,.swap-facts,.swap-metric-grid,.swap-token-grid{display:grid;gap:12px}.swap-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.swap-facts{grid-template-columns:repeat(3,minmax(0,1fr))}.swap-fact,.swap-hash{display:grid;gap:8px;padding:14px 16px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:rgba(255,255,255,.025)}.swap-quote-value{font-size:clamp(1.3rem,2vw,1.8rem);letter-spacing:-.04em}.swap-quick-row{display:flex;flex-wrap:wrap;gap:10px}.swap-note{display:grid;gap:10px;padding:16px 18px;border-radius:var(--radius-md);border:1px solid rgba(61,190,118,.14);background:rgba(61,190,118,.06)}.swap-hash a{word-break:break-all}@media (max-width:1024px){.swap-grid,.swap-panel__intro{grid-template-columns:minmax(0,1fr)}}@media (max-width:767px){.swap-panel{padding:20px}.swap-card{padding:18px}.swap-facts,.swap-metric-grid{grid-template-columns:minmax(0,1fr)}.swap-card__header{display:grid}}