@font-face{font-family:Bricolage;src:url(/fonts/bricolage-800.ttf)format("truetype");font-weight:800;font-display:swap}@font-face{font-family:DM;src:url(/fonts/dm-sans-regular.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:DM;src:url(/fonts/dm-sans-semibold.ttf)format("truetype");font-weight:600;font-display:swap}:root{color:#1a3150;--blue:#2462ca;--line:#c1d3e4;--muted:#4c6480;background:#e9f2fa;font-family:DM,Arial,sans-serif}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased}body{min-height:100vh;margin:0}img{max-width:100%;height:auto;display:block}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--blue);outline-offset:4px}::selection{background:var(--blue);color:#fff}.page{isolation:isolate;min-height:100vh;position:relative}.world{z-index:-1;pointer-events:none;height:min(92vh,820px);position:absolute;inset:-72px 0 auto;overflow:hidden;-webkit-mask-image:linear-gradient(#000 74%,#0000 100%);mask-image:linear-gradient(#000 74%,#0000 100%)}.world img{object-fit:cover;object-position:73% center;width:100%;height:100%}.world:after{content:"";background:linear-gradient(#e9f2faf5 0%,#e9f2fac7 17%,#e9f2fa00 35% 62%,#e9f2fae6 83%,#e9f2fa 100%);position:absolute;inset:0}header,.stage,footer{width:min(1120px,100% - 40px);margin-inline:auto}header{z-index:2;justify-content:space-between;align-items:center;gap:16px;min-height:72px;display:flex;position:relative}.brand{letter-spacing:-1.2px;white-space:nowrap;align-items:center;gap:8px;font:800 24px/1 Bricolage,Arial;display:inline-flex}.brand img{object-fit:contain;width:44px;height:44px}.header-links{align-items:center;gap:12px;font-size:14px;display:flex}.network{color:var(--muted);align-items:center;gap:8px;display:inline-flex}.network:before{content:"";background:#23855c;border-radius:100%;width:7px;height:7px}select,.search,.leg input{border:1px solid var(--line);color:#1a3150;background:#fff;border-radius:12px}select{max-width:170px;padding:10px 12px}.wallet-label{color:var(--muted);text-align:right;font-size:13px}.stage{grid-template-areas:"title""copy";justify-items:center;padding:12px 0 56px;display:grid}h1,h2,p{margin:0}h1{letter-spacing:-.065em;color:var(--blue);white-space:nowrap;text-align:center;grid-area:title;font:800 clamp(54px,16vw,76px)/1.08 Bricolage,Arial}h1 span{color:#1a3150}.mascot{display:none}.copy{text-align:center;grid-area:copy;width:100%;margin-top:18px}.tagline{letter-spacing:-.7px;margin-bottom:22px;font-size:clamp(23px,6.2vw,28px);font-weight:600;line-height:1.28}.swap-card{border:1px solid var(--line);text-align:left;background:#fafdff;border-radius:28px;width:min(460px,100%);margin:0 auto;padding:18px;box-shadow:0 18px 40px #1a315014}.leg{border:1px solid var(--line);background:#eef5fb;border-radius:20px;padding:14px 16px 10px}.leg-top{color:var(--muted);justify-content:space-between;gap:12px;margin-bottom:4px;font-size:13px;display:flex}.leg-row{align-items:center;gap:10px;display:flex}.leg input{background:0 0;border:0;flex:1;min-width:0;padding:8px 0;font-size:28px;font-weight:600}.token-chip,.button,.flip,.slippage button,.pct button{border:1px solid var(--line);color:#1a3150;background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:8px;font-weight:600;display:inline-flex}.token-chip{cursor:default;flex-shrink:0;padding:8px 12px 8px 8px}.token-chip img,.avatar-letter,.token-list img,.token-list .avatar-letter{object-fit:cover;border-radius:999px;width:28px;height:28px}.avatar-letter{color:var(--blue);background:#d7e6f6;justify-content:center;align-items:center;font-size:13px;display:inline-flex}.flip{z-index:1;background:#fff;width:42px;height:42px;margin:-10px auto;position:relative}.button{background:var(--blue);color:#fff;border:0;min-height:48px;padding:13px 23px}.button:hover:not(:disabled){background:#1b50ad}.button.small{min-height:40px;padding:9px 16px;font-size:14px}.button.secondary{color:var(--blue);border:1px solid var(--line);background:0 0}.button.full,.text-button.full{width:100%;margin-top:14px}.text-button{color:var(--blue);background:0 0;border:0;padding:0;font-size:13px;font-weight:600}.meta,.slippage{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-top:14px;font-size:13px;display:flex}.slippage{border:0;flex-wrap:wrap;justify-content:flex-start;min-width:0;padding:0}.slippage legend{padding:0}.slippage button{min-width:52px;padding:6px 10px}.slippage button.active,.pct button.active{background:#dce9f8;border-color:#9bb6d6}.pct{gap:6px;margin-top:8px;display:flex}.pct button{border-radius:10px;flex:1;min-height:32px;padding:6px 0;font-size:12px}.notice{border-radius:12px;margin-top:14px;padding:12px 14px;font-size:14px;line-height:1.5}.notice.error{color:#942e34;background:#fff0f0;border:1px solid #e6b7b7}.notice.success{color:#18613d;background:#e6f4ec;border:1px solid #a9d3bb}.bad{color:#b63638}.subtle{margin-top:10px;font-size:13px}.external{text-underline-offset:3px;text-decoration:underline}footer{z-index:1;border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:16px;padding:22px 0 28px;font-size:13px;display:flex;position:relative}footer a:hover{text-decoration:underline}.visually-hidden{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}dialog.modal{z-index:20;background:0 0;border:0;place-items:end center;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;display:grid;position:fixed;inset:0}.modal-backdrop{background:#1a315073;border:0;border-radius:0;position:absolute;inset:0}.modal-card{background:#fafdff;border-radius:24px 24px 0 0;width:min(460px,100%);max-height:86vh;padding:18px 18px 28px;position:relative;overflow:auto}.modal-head,.token-list button{justify-content:space-between;align-items:center;gap:12px;display:flex}.modal-head{margin-bottom:12px}.search{width:100%;padding:12px 14px}.token-list{margin:12px 0 0;padding:0;list-style:none}.token-list button{text-align:left;background:0 0;border:0;border-radius:12px;justify-content:flex-start;width:100%;padding:10px 4px}.token-list strong,.token-list small{display:block}.token-list small{color:var(--muted);font-size:13px}@media (width>=760px){header,.stage,footer{width:min(1120px,100% - 96px)}header{min-height:88px}.brand{font-size:27px}.world{inset-block-start:-88px;-webkit-mask-image:linear-gradient(#000 73%,#0000 100%);mask-image:linear-gradient(#000 73%,#0000 100%)}.world img{object-position:center center}.world:after{background:linear-gradient(90deg,#e9f2fad9 0%,#e9f2fa99 30%,#e9f2fa26 52%,#e9f2fa00 70%)}.stage{grid-template:"title mascot""copy mascot"1fr/.95fr 1.05fr;place-items:center start;column-gap:20px;min-height:650px;padding:12px 0 62px}h1{text-align:left;align-self:end;font-size:clamp(76px,8.5vw,110px)}.mascot{filter:drop-shadow(0 10px 12px #1a31501a);grid-area:mascot;justify-self:end;width:100%;max-width:560px;margin-top:0;display:block}.copy{text-align:left;align-self:start;margin-top:24px}.tagline{font-size:32px;line-height:1.3}.swap-card{margin:0}dialog.modal{place-items:center}.modal-card{border-radius:24px}}@media (width<=759px){.leg input{font-size:24px}footer{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:no-preference){button,a{transition:background .16s}}