: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}*{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}.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(88px + 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:8px;padding:10px 16px calc(12px + 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:3px;font-size:11px;color:var(--muted);text-decoration:none;background:none;border:none;cursor:pointer;min-width:64px;padding:4px 8px;border-radius:12px;transition:color .15s ease,background .15s ease}.navitem i{font-size:22px}.navitem.active{color:var(--barn);background:rgba(110,54,155,.12)}.swap-page{width:100%;max-width:var(--swap-w);min-width:0;display:flex;flex-direction:column;gap:12px}.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}.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-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{margin:12px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.stats-recent li{display:flex;justify-content:space-between;gap:8px;font-size:12.5px;color:var(--muted)}.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 .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}.widget-shell{overflow:hidden}.header{padding:20px 24px 14px}.main{padding-top:28px}.logo-img{width:44px;height:44px}.brand-name{font-size:20px}}