:root{--farm-bg-top:#e8f5d0;--farm-bg-mid:#d4e8a8;--farm-bg-bottom:#c5e085;--cream:var(--farm-bg-top);--card:#fff;--inset:#f4fce8;--ink:#1a1a2e;--muted:#3c3c3b;--barn:#6e369b;--barn-d:#5a2d80;--gold:gold;--green:#2c9d44;--green-d:#2c5530;--line:rgba(110,54,155,.18);--line-soft:rgba(110,54,155,.1);--nav:hsla(81,65%,89%,.94);--swap-w:480px;--widget-min-h:560px;--bottomnav-offset:58px}*{box-sizing:border-box}body,html{margin:0;padding:0;max-width:100%;overflow-x:hidden}body{background:linear-gradient(to bottom right,var(--farm-bg-top),var(--farm-bg-mid),var(--farm-bg-bottom));color:rgba(0,0,0,.72);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse 65% 40% at 12% 0,rgba(110,54,155,.1),transparent 55%),radial-gradient(ellipse 50% 35% at 100% 100%,rgba(44,157,68,.12),transparent 50%),linear-gradient(to bottom right,var(--farm-bg-top),var(--farm-bg-mid),var(--farm-bg-bottom))}.app{min-height:100dvh;display:flex;flex-direction:column}.app--embed{min-height:0}.main--embed{padding:12px 12px 16px;max-width:var(--swap-w);margin:0 auto;width:100%}.embed-page{gap:10px}.embed-brand{margin:0;text-align:center;font-size:12px;color:var(--muted)}.embed-brand a{color:var(--barn);text-decoration:none;font-weight:600}.embed-brand a:hover{text-decoration:underline}body.barnswap-embed,html.barnswap-embed{min-height:0;background:transparent}body.barnswap-embed:before{display:none}body.barnswap-embed .app--embed{background:linear-gradient(to bottom right,var(--farm-bg-top),var(--farm-bg-mid),var(--farm-bg-bottom));border-radius:16px;min-height:100%}.header{padding:16px 20px 12px;border-bottom:1px solid var(--line-soft);background:hsla(0,0%,100%,.55);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.header-inner{max-width:var(--swap-w);margin:0 auto;width:100%}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}.logo-img{width:40px;height:40px;border-radius:12px;object-fit:cover;box-shadow:0 2px 10px rgba(110,54,155,.2)}.brand-copy{display:flex;flex-direction:column;gap:1px}.brand-name{font-family:Permanent Marker,cursive;font-size:18px;font-weight:400;letter-spacing:.01em;color:var(--ink);line-height:1.1}.brand-tag{font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--barn)}.main{flex:1 1;display:flex;flex-direction:column;align-items:center;padding:20px 16px calc(var(--bottomnav-offset) + env(safe-area-inset-bottom))}.screen-title{font-size:24px;font-weight:600;margin:6px 0 2px}.sub{font-size:14px;color:var(--muted);margin:0 0 16px}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px}.placeholder{flex-direction:column;text-align:center;gap:10px;padding:34px 18px;color:var(--muted)}.placeholder,.placeholder .pic{display:flex;align-items:center}.placeholder .pic{width:56px;height:56px;border-radius:16px;background:var(--inset);border:1px solid var(--line);justify-content:center;font-size:28px;color:var(--barn)}.placeholder h3{margin:6px 0 0;font-size:17px;font-weight:600;color:var(--ink)}.placeholder p{margin:0;font-size:14px;line-height:1.55;max-width:300px}.placeholder code{background:var(--inset);border:1px solid var(--line-soft);border-radius:6px;padding:1px 6px;font-size:12.5px}.note{display:flex;gap:9px;background:rgba(255,215,0,.14);border:1px solid rgba(110,54,155,.22);border-radius:14px;padding:12px 14px;margin-top:14px}.note i{color:var(--barn);font-size:18px;flex-shrink:0;margin-top:1px}.note p{margin:0;font-size:13px;line-height:1.5;color:var(--ink)}.bottomnav{position:fixed;left:0;right:0;bottom:0;justify-content:center;gap:4px;padding:5px 8px calc(5px + env(safe-area-inset-bottom));border-top:1px solid var(--line-soft);background:hsla(39,54%,91%,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bottomnav,.navitem{display:flex;align-items:center}.navitem{flex-direction:column;gap:1px;font-size:10px;font-weight:600;color:var(--muted);text-decoration:none;background:none;border:none;cursor:pointer;min-width:50px;padding:2px 4px;border-radius:10px;transition:color .15s ease,background .15s ease}.navitem i{font-size:18px}.navitem.active{color:var(--barn);background:rgba(110,54,155,.12)}.swap-page{max-width:var(--swap-w)}.swap-page,.swap-stack{width:100%;min-width:0;display:flex;flex-direction:column;gap:12px}.provider-switch{gap:8px}.provider-switch,.switch-btn{display:flex;flex-direction:column}.switch-btn{position:relative;overflow:hidden;align-items:center;justify-content:center;gap:2px;width:100%;min-height:52px;padding:12px 18px;border-radius:14px;font-family:inherit;font-weight:700;cursor:pointer;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.switch-btn:hover{transform:translateY(-2px)}.switch-btn-label{position:relative;z-index:1;font-size:14px;letter-spacing:.01em}.switch-btn-sub{position:relative;z-index:1;font-size:11px;font-weight:600;opacity:.88}.switch-btn-relay{color:#fff;background:linear-gradient(135deg,#0a3d7a,#1565c0 22%,#42a5f5 48%,#1565c0 72%,#0a3d7a);background-size:280% 280%;animation:bullpen-pulse 3.5s ease-in-out infinite;border:1px solid hsla(0,0%,100%,.32);box-shadow:0 8px 28px rgba(21,101,192,.42),inset 0 1px 0 hsla(0,0%,100%,.42),inset 0 -2px 0 rgba(0,40,100,.18)}.switch-btn-relay:before{top:0;left:-130%;width:55%;height:100%;background:linear-gradient(100deg,transparent,hsla(0,0%,100%,.5),transparent);animation:bullpen-gloss 2.6s ease-in-out infinite}.switch-btn-relay:after,.switch-btn-relay:before{content:"";position:absolute;z-index:0;pointer-events:none}.switch-btn-relay:after{inset:0;border-radius:inherit;background:radial-gradient(ellipse 80% 55% at 22% -8%,hsla(0,0%,100%,.32),transparent 58%)}.switch-btn-relay:hover{box-shadow:0 12px 38px rgba(21,101,192,.55),inset 0 1px 0 hsla(0,0%,100%,.5)}@keyframes bullpen-pulse{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes bullpen-gloss{0%{left:-130%}42%,to{left:180%}}@media (prefers-reduced-motion:reduce){.switch-btn-relay,.switch-btn-relay:before{animation:none}}.switch-btn-squid{color:var(--ink);background:linear-gradient(145deg,hsla(0,0%,100%,.95),hsla(84,77%,95%,.88));border:1px solid rgba(110,54,155,.18);box-shadow:0 4px 16px rgba(110,54,155,.08)}.switch-btn-squid:hover{border-color:rgba(110,54,155,.32);box-shadow:0 8px 24px rgba(110,54,155,.12)}.provider-switch-meta{margin:0;font-size:12px;line-height:1.45;color:var(--muted);text-align:center}.provider-switch-meta a{color:var(--barn);font-weight:600;text-decoration:none}.provider-switch-meta a:hover{text-decoration:underline}.relay-xrp-banner{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;text-decoration:none;color:inherit;background:linear-gradient(135deg,hsla(0,0%,100%,.95),hsla(84,77%,95%,.92) 55%,hsla(81,65%,89%,.88));border:1px solid rgba(110,54,155,.16);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.8),0 8px 24px rgba(110,54,155,.08);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.relay-xrp-banner:hover{transform:translateY(-1px);border-color:rgba(110,54,155,.28);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.9),0 12px 28px rgba(110,54,155,.12);text-decoration:none}.relay-xrp-banner-icon{flex-shrink:0;width:34px;height:34px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:15px;color:var(--barn);background:rgba(110,54,155,.1);border:1px solid rgba(110,54,155,.14)}.relay-xrp-banner-copy{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1 1}.relay-xrp-banner-copy strong{font-size:13px;font-weight:700;color:var(--ink);line-height:1.25}.relay-xrp-banner-copy span{font-size:12px;color:var(--muted);line-height:1.35}.relay-xrp-banner-go{flex-shrink:0;font-size:18px;font-weight:700;color:var(--barn);opacity:.75}.relay-card{display:flex;flex-direction:column;gap:10px;width:100%;min-width:0;padding:12px;border-radius:22px;background:linear-gradient(165deg,hsla(0,0%,100%,.97),hsla(75,57%,97%,.96));border:1px solid rgba(110,54,155,.12);box-shadow:0 1px 2px rgba(110,54,155,.04),0 16px 40px rgba(110,54,155,.1)}.relay-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:36px}.relay-toolbar-left{display:flex;align-items:center;gap:8px;min-width:0}.relay-pill{display:inline-flex;align-items:center;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,#1565c0,#42a5f5);border-radius:999px;padding:5px 10px;box-shadow:0 4px 12px rgba(21,101,192,.28)}.relay-toolbar-fee{font-size:12px;font-weight:600;color:var(--muted);white-space:nowrap}.relay-connect-btn,.relay-wallet-chip{display:inline-flex;align-items:center;gap:6px;font-family:inherit;font-size:12px;font-weight:700;border-radius:999px;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}.relay-wallet-chip{color:var(--ink);background:hsla(84,77%,95%,.9);border:1px solid rgba(110,54,155,.14);padding:6px 10px 6px 8px}.relay-wallet-chip:hover{border-color:rgba(110,54,155,.28);background:#fff}.relay-wallet-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(44,157,68,.15)}.relay-wallet-x{color:var(--muted);font-size:14px;line-height:1;margin-left:2px}.relay-connect-btn{color:#fff;background:linear-gradient(135deg,var(--barn) 0,var(--barn-d) 100%);border:1px solid hsla(0,0%,100%,.2);padding:7px 14px;box-shadow:0 6px 16px rgba(110,54,155,.28)}.relay-connect-btn:hover:not(:disabled){transform:translateY(-1px)}.relay-connect-btn:disabled{opacity:.7;cursor:wait}.relay-widget-shell{width:100%;min-width:0;overflow:visible;background:transparent;border:none;box-shadow:none;min-height:0!important;border-radius:0}.relay-widget-shell .relay-kit-reset{width:100%;max-width:100%}[data-barnswap-relay] .relay-kit-reset{background:transparent!important;box-shadow:none!important;border:none!important}.relay-connect-error{margin:0;font-size:12.5px;line-height:1.4;color:#c0392b;font-weight:600;text-align:center}.relay-skeleton{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:22px;background:hsla(0,0%,100%,.92);border:1px solid rgba(110,54,155,.1);box-shadow:0 12px 32px rgba(110,54,155,.08)}.relay-skeleton-bar,.relay-skeleton-card,.relay-skeleton-cta{border-radius:14px;background:linear-gradient(90deg,hsla(81,65%,89%,.7),hsla(0,0%,100%,.9) 50%,hsla(81,65%,89%,.7));background-size:200% 100%;animation:relay-shimmer 1.2s ease-in-out infinite}.relay-skeleton-bar{height:34px;width:55%;border-radius:999px}.relay-skeleton-card{height:96px}.relay-skeleton-cta{height:48px;margin-top:4px}@keyframes relay-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.relay-skeleton-bar,.relay-skeleton-card,.relay-skeleton-cta{animation:none}}.relay-widget-fallback{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:28px 18px;border-radius:16px;background:hsla(84,77%,95%,.7);border:1px dashed rgba(110,54,155,.22)}.relay-widget-fallback-title{margin:0;font-size:15px;font-weight:700;color:var(--ink)}.relay-widget-fallback-msg{margin:0;font-size:12.5px;color:var(--muted);max-width:280px;word-break:break-word}.relay-widget-fallback-links{margin:4px 0 0;font-size:12.5px}.relay-widget-fallback-links a{color:var(--barn);font-weight:600;text-decoration:none}.relay-widget-fallback-links a:hover{text-decoration:underline}.intent-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:14px;background:hsla(0,0%,100%,.92);border:1px solid var(--line-soft);box-shadow:0 4px 16px rgba(110,54,155,.06)}.intent-strip--ok{border-color:rgba(44,157,68,.35);background:#f0faf2}.intent-strip--warn{border-color:rgba(192,57,43,.25);background:#fdf6f5}.intent-strip-kicker{display:block;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--barn);margin-bottom:2px}.intent-strip-msg{margin:0;font-size:13px;line-height:1.4;color:var(--ink)}.intent-strip-route{color:var(--muted)}.intent-strip-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.intent-strip-dismiss,.intent-strip-link{font-size:12px;font-weight:600;border-radius:10px;padding:6px 10px}.intent-strip-link{color:var(--barn);text-decoration:none;background:rgba(110,54,155,.1)}.intent-strip-dismiss{border:1px solid var(--line-soft);background:#fff;color:var(--muted);cursor:pointer}.intent-routes{display:flex;flex-direction:column;gap:10px}.intent-routes-head{display:flex;flex-direction:column;gap:4px}.intent-routes-label{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.intent-routes-hint{color:var(--muted)}.intent-routes-active,.intent-routes-hint{margin:0;font-size:12.5px;line-height:1.45}.intent-routes-active{color:var(--ink);padding:8px 12px;border-radius:12px;background:hsla(0,0%,100%,.7);border:1px solid var(--line-soft)}.intent-routes-chips{display:flex;flex-wrap:wrap;gap:8px}.intent-route-chip{font-size:12.5px;font-weight:600;padding:7px 12px;border-radius:999px;border:1px solid var(--line-soft);background:hsla(0,0%,100%,.85);color:var(--ink);cursor:pointer;font-family:inherit;transition:border-color .15s ease,background .15s ease}.intent-route-chip--clear{color:var(--muted);background:transparent}.intent-route-chip:hover{border-color:rgba(110,54,155,.35);background:#fff}.intent-route-chip--active{border-color:rgba(110,54,155,.45);background:rgba(110,54,155,.1);color:var(--barn-d)}.status-banner{border-radius:12px;padding:10px 12px;font-size:12.5px;line-height:1.45}.status-banner p{margin:4px 0 0}.status-detail{font-size:12px;opacity:.92}.status-warn{background:rgba(255,215,0,.14);border:1px solid rgba(110,54,155,.22);color:var(--ink)}.status-neutral{background:var(--inset);border:1px solid var(--line-soft);color:var(--muted)}.status-banner code{font-size:11px;background:hsla(0,0%,100%,.5);padding:1px 5px;border-radius:5px}.widget-shell{border-radius:20px;overflow:visible;background:var(--card);border:1px solid var(--line-soft);box-shadow:0 1px 2px rgba(110,54,155,.05),0 12px 40px rgba(110,54,155,.1)}.widget-shell,.widget-shell .squid-widget-frame{width:100%;max-width:100%;min-width:0;min-height:var(--widget-min-h)}[data-barnswap-widget] .squid-style-container--preflight,[data-barnswap-widget] .squid-style-container--preflight>div,[data-barnswap-widget] .squid-style-container--preflight>div>.tw-grid,[data-barnswap-widget] .squid-widget-frame,[data-barnswap-widget] .tw-relative.tw-flex.tw-h-full.tw-w-full.tw-flex-col{width:100%!important;max-width:100%!important;min-width:0!important}[data-barnswap-widget] .tw-absolute.tw-inset-0.tw-z-40{position:fixed!important;inset:0!important;z-index:200!important;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))!important;overflow-y:auto;-webkit-overflow-scrolling:touch}[data-barnswap-widget] .mobile-lg\:tw-max-w-modal-large,[data-barnswap-widget] .mobile-lg\:tw-w-modal-large,[data-barnswap-widget] .mobile-xs\:tw-w-modal-compact,[data-barnswap-widget] .tw-max-w-modal-compact,[data-barnswap-widget] .tw-w-modal-compact{width:100%!important;max-width:100%!important;min-width:0!important}[data-barnswap-widget] .mobile-lg\:tw-max-h-modal-large,[data-barnswap-widget] .tw-max-h-modal-compact{max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important}wcm-modal{--wcm-z-index:10000}.loading{padding:48px 0;text-align:center;color:var(--muted);font-size:14px}.main>section:not(.swap-page){width:100%;max-width:var(--swap-w)}.stats-card{margin-bottom:14px}.stats-title{margin:0 0 12px;font-size:17px;font-weight:600}.stats-volume-total{margin:0 0 14px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px}.stats-volume-total-val{font-size:28px;font-weight:700;color:var(--barn);line-height:1.1}.stats-volume-total-label{font-size:12px;color:var(--muted)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.stat{display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--inset);border:1px solid var(--line-soft);border-radius:14px;padding:12px 8px}.stat-val{font-size:22px;font-weight:700;color:var(--barn)}.stat-label{font-size:11px;color:var(--muted);margin-top:4px}.stats-meta{margin:12px 0 0;font-size:13px;color:var(--muted)}.stats-error{margin:8px 0 0;font-size:12px;color:var(--barn)}.stats-recent-title{margin:12px 0 0;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.stats-recent{margin:8px 0 0;padding:0;list-style:none;gap:10px}.stats-recent,.stats-recent li{display:flex;flex-direction:column}.stats-recent li{gap:2px;font-size:12.5px;color:var(--muted)}.stats-recent-row{display:flex;justify-content:space-between;gap:8px}.stats-recent-time{font-size:11px;color:var(--muted);opacity:.85}.stats-recent-usd{font-size:12px;font-weight:600;color:var(--ink)}.stats-recent code{font-size:11px;background:var(--inset);border:1px solid var(--line-soft);border-radius:6px;padding:1px 6px}.stats-intent-tag{font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--barn)}.stats-tx-link{font-size:11px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--barn);text-decoration:none;background:var(--inset);border:1px solid var(--line-soft);border-radius:6px;padding:1px 6px}.stats-card--compact{padding:14px 16px}.stats-card--compact .stats-title{font-size:15px;margin-bottom:10px}.stats-card--compact .stats-volume-total-val{font-size:24px}.stats-card--compact .stat-val{font-size:20px}.stats-footnote{margin:10px 0 0;font-size:11.5px;color:var(--muted)}.coming-soon-page{width:100%;max-width:var(--swap-w);display:flex;justify-content:center;padding-top:24px}.coming-soon-card{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:48px 24px}.coming-soon-icon{width:52px;height:52px;border-radius:14px;background:var(--inset);border:1px solid var(--line-soft);display:flex;align-items:center;justify-content:center;font-size:26px;color:var(--barn)}.coming-soon-card h1{margin:4px 0 0;font-size:22px;font-weight:600}.coming-soon-badge{margin:0;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:6px 12px;border-radius:999px;border:1px solid var(--line-soft);background:hsla(0,0%,100%,.6)}@media (max-width:479px){:root{--widget-min-h:520px}.main{padding-left:10px;padding-right:10px}.widget-shell{border-radius:16px}.swap-page{min-width:0}}@media (min-width:768px){:root{--widget-min-h:600px;--bottomnav-offset:48px}.widget-shell{overflow:hidden}.header{padding:20px 24px 14px}.main{padding-top:28px}.logo-img{width:44px;height:44px}.brand-name{font-size:20px}.bottomnav{left:50%;right:auto;transform:translateX(-50%);width:min(100%,var(--swap-w));gap:6px;padding:4px 12px calc(6px + env(safe-area-inset-bottom));border-radius:14px 14px 0 0;border-left:1px solid var(--line-soft);border-right:1px solid var(--line-soft)}.navitem{flex-direction:row;gap:5px;min-width:0;padding:4px 10px;font-size:11px}.navitem i{font-size:16px}}