:root{--bg:#0b1220;--panel:#111a2c;--line:#1f2a40;--ink:#e6edf6;--mute:#7d8ba3;--accent:#60ecf8;--on-accent:#04202a;--ok:#3ddc97;--warn:#f2c14e;--bad:#ff8a7a;--ease:cubic-bezier(.19, 1, .22, 1);--sans:Geist, "Noto Sans SC", system-ui, sans-serif;--mono:"Geist Mono", ui-monospace, monospace}*{box-sizing:border-box;margin:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;min-height:100vh}button{font:inherit;color:inherit}body:before{content:"";z-index:-2;background:radial-gradient(56vw 36vw at 50% 34%, #60ecf829, transparent 70%), radial-gradient(50vw 40vw at 90% 100%, #2850c82e, transparent 70%), var(--bg);position:fixed;inset:0}body:after{content:"";z-index:-1;opacity:.06;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.label{color:var(--mute);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 32px;display:flex}.brand{letter-spacing:-.01em;font-weight:600}.brand i{color:var(--accent);font-style:normal}.panel{border:1px solid var(--line);-webkit-backdrop-filter:blur(20px);background:#111a2cc7;border-radius:10px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);max-width:1040px;margin:56px auto;display:grid;position:relative;overflow:hidden;box-shadow:0 30px 80px #00000059}.panel>section{padding:28px}.panel>section+section{border-left:1px solid var(--line)}.placeholder{color:var(--mute);margin-top:12px;font-size:14px;line-height:1.7}.btn-primary{background:var(--accent);width:100%;color:var(--on-accent);cursor:pointer;transition:transform .16s var(--ease);border:none;border-radius:8px;padding:15px;font-size:15px;font-weight:600}.btn-primary:active{transform:scale(.98)}.btn-primary.nudge{animation:nudge .6s var(--ease) 2}@keyframes nudge{50%{transform:scale(1.03)}}.btn-primary:disabled{background:var(--line);color:var(--mute);cursor:default;transform:none}.chip{font-family:var(--mono);color:var(--ink);border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:inline-flex}.chip:hover{border-color:var(--mute)}.chip{white-space:nowrap}.chip.connect{font-family:var(--sans);background:var(--accent);color:var(--on-accent);border-color:var(--accent);font-weight:600}.dot{background:var(--ok);border-radius:50%;width:7px;height:7px}.chip.wrong{color:var(--bad);border-color:var(--bad)}.chip.wrong .dot{background:var(--bad)}.scrim{z-index:20;animation:fade .2s var(--ease);background:#04081099;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.sheet{background:var(--panel);border:1px solid var(--line);width:min(400px,100%);animation:rise .35s var(--ease);border-radius:10px;padding:24px}.sheet h2{justify-content:space-between;align-items:center;margin-bottom:16px;font-size:16px;font-weight:600;display:flex}.icon-btn{color:var(--mute);cursor:pointer;background:0 0;border:none;padding:4px;font-size:18px;line-height:1}.icon-btn:hover{color:var(--ink)}.list{gap:8px;display:grid}.list button{border:1px solid var(--line);background:var(--bg);cursor:pointer;text-align:left;border-radius:8px;align-items:center;gap:12px;width:100%;padding:12px 14px;font-size:15px;transition:border-color .2s;display:flex}.list button:hover{border-color:var(--accent)}.list img{border-radius:6px;width:28px;height:28px}.empty{color:var(--mute);font-size:14px;line-height:1.8}.empty .row{gap:8px;margin-top:12px;display:flex}.empty code{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--mono);color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:6px;flex:1;padding:8px 10px;font-size:12px;overflow:hidden}.menu-wrap{position:relative}.menu{background:var(--panel);border:1px solid var(--line);z-index:10;min-width:200px;animation:fade .15s var(--ease);border-radius:8px;padding:4px;position:absolute;top:calc(100% + 6px);right:0}.menu button,.menu a{text-align:left;cursor:pointer;width:100%;color:var(--ink);background:0 0;border:none;border-radius:6px;padding:10px 12px;font-size:14px;text-decoration:none;display:block}.menu button:hover,.menu a:hover{background:var(--bg)}.toasts{z-index:30;gap:8px;display:grid;position:fixed;bottom:24px;right:24px}.toast{background:var(--panel);border:1px solid var(--line);animation:rise .3s var(--ease);border-radius:8px;padding:12px 16px;font-size:14px;box-shadow:0 12px 40px #00000059}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}@media (width<=820px){.topbar{padding:14px 16px}.chip:not(.wrong) .net{display:none}.panel{grid-template-columns:minmax(0,1fr);margin:20px 16px}.panel>section+section{border-left:none;border-top:1px solid var(--line)}.toasts{bottom:16px;left:16px;right:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.row{justify-content:space-between;align-items:center;gap:8px;display:flex}.warn{color:var(--warn)}.bad{color:var(--bad)}.accent,a{color:var(--accent)}button:disabled{cursor:default}.swap-form>.label{justify-content:space-between;gap:12px;display:flex}.field{border:1px solid var(--line);background:var(--bg);border-radius:8px;align-items:center;gap:12px;margin-top:10px;padding:14px 16px;transition:border-color .2s;display:flex}.field:focus-within{border-color:var(--accent)}.field input,.field output{width:0;min-width:0;font-family:var(--mono);color:var(--ink);font-variant-numeric:tabular-nums;background:0 0;border:none;outline:none;flex:1;font-size:28px}.field output{text-overflow:ellipsis;overflow:hidden}.field .chip{flex-shrink:0;padding:8px 10px}.flip{border:1px dashed var(--line);color:var(--mute);cursor:pointer;background:0 0;border-radius:6px;margin:14px 0;padding:6px 10px;font-size:12px;display:block}.flip:hover{color:var(--accent);border-color:var(--accent)}.go{margin-top:24px}.ticket{flex-direction:column;display:flex}.ticket h2,.receipt h2{justify-content:space-between;align-items:center;margin-bottom:18px;font-weight:500;display:flex}.refresh{background:var(--line);width:60px;height:2px;overflow:hidden}.refresh b{background:var(--accent);transform-origin:0;width:100%;height:100%;animation:10s linear infinite refresh;display:block}.details{font-size:14px}.details>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.details dt{color:var(--mute);flex-shrink:0}.details dd{font-family:var(--mono);font-variant-numeric:tabular-nums;text-align:right;overflow-wrap:anywhere}.text-button{color:inherit;cursor:pointer;font-size:inherit;text-align:inherit;background:0 0;border:none;padding:0}.text-button:hover{color:var(--accent)}.hint{color:var(--mute);overflow-wrap:anywhere;margin-top:auto;padding-top:20px;font-size:12px;line-height:1.7}.hint.bad{color:var(--bad)}.hint.warn{color:var(--warn)}.hint.accent{color:var(--accent)}.number-update{animation:fade .4s var(--ease);display:inline-block}.slippage{margin-top:5px;font-size:12px;position:relative}.slippage-options{z-index:5;background:var(--bg);border:1px solid var(--line);border-radius:8px;width:260px;padding:14px;position:absolute;top:24px;left:0}.slippage-options .selected{border-color:var(--accent);color:var(--accent)}.slippage-options label{align-items:center;gap:10px;margin:12px 0;display:flex}.slippage-options input{border:1px solid var(--line);background:var(--panel);width:100px;color:var(--ink);font-family:var(--mono);border-radius:6px;padding:8px}.receipt{background:var(--panel);border-left:1px solid var(--line);z-index:6;width:50%;animation:slide-in .5s var(--ease);flex-direction:column;padding:28px;display:flex;position:absolute;top:0;bottom:0;right:0;overflow-y:auto}.receipt .big{font-size:18px}.receipt .go{flex-shrink:0;margin-top:auto}.receipt .hint{margin-top:0;padding:12px 0}.quote-notice{justify-content:space-between;align-items:center;padding:12px 0;font-size:14px;display:flex}.steps{color:var(--mute);gap:12px;margin:20px 0;padding:0;font-size:12px;list-style:none;display:grid}.steps li{align-items:center;gap:10px;display:flex}.steps li:before{content:"";border:1px solid var(--mute);border-radius:50%;flex-shrink:0;width:8px;height:8px}.steps .doing,.steps .done{color:var(--ink)}.steps .doing:before{border-color:var(--accent);background:var(--accent);animation:1s infinite pulse}.steps .done:before{background:var(--accent);border-color:var(--accent)}.token-list button{justify-content:space-between}.recent-sheet{max-height:85vh;overflow-y:auto}.transactions{padding:0;font-size:12px;list-style:none}.transactions li{border-bottom:1px solid var(--line);padding:14px 0}.transactions .row{color:var(--mute)}.transactions p{overflow-wrap:anywhere;margin:10px 0;font-size:14px}.topbar-actions{align-items:center;gap:8px;display:flex}.tabs{gap:4px;margin-left:24px;margin-right:auto;display:flex}.tabs a{color:var(--mute);border-radius:6px;padding:8px 12px;font-size:14px;text-decoration:none;transition:color .2s,background-color .2s}.tabs a:hover{color:var(--ink)}.tabs a.active{color:var(--ink);background:var(--panel)}.pool{border:1px solid var(--line);-webkit-backdrop-filter:blur(20px);background:#111a2cc7;border-radius:10px;max-width:1040px;min-height:420px;margin:56px auto;position:relative;overflow:clip;box-shadow:0 30px 80px #00000059}.pool-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.pool-hint{color:var(--mute);border-bottom:1px solid var(--line);padding:14px 24px;font-size:13px}.pool-hint .text-button{color:var(--accent);margin-left:8px}.pools{border-collapse:collapse;width:100%;font-size:14px}.pools th{text-align:right;color:var(--mute);border-bottom:1px solid var(--line);padding:12px 24px;font-size:12px;font-weight:400}.pools td{text-align:right;border-bottom:1px solid var(--line);padding:16px 24px}.pools th:first-child,.pools td:first-child{text-align:left}.pools td:first-child{white-space:nowrap}.pools .sub{color:var(--mute);margin-top:4px;font-size:12px;display:block}.act{justify-content:flex-end;gap:8px;display:flex}.act button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:6px;padding:6px 12px;font-size:13px;transition:border-color .2s,color .2s}.act button.add{border-color:var(--accent);color:var(--accent)}.act button:disabled{color:var(--mute);border-color:var(--line);cursor:default}.side-panel{gap:4px;width:min(440px,100%)}.pool:has(.side-panel){min-height:680px}.side-panel h2{text-transform:none;letter-spacing:0}.side-panel .percent{margin:4px 0 8px;font-size:40px;font-weight:500}.side-panel input[type=range]{width:100%;accent-color:var(--accent);margin-bottom:12px}.presets{gap:8px;display:flex}.presets .chip{flex:1;justify-content:center}.presets .chip.selected{border-color:var(--accent);color:var(--accent)}.side-panel .plus{text-align:center;color:var(--mute);margin:6px 0 -4px}.side-panel .details{margin-top:12px}.field-unit{color:var(--mute);font-size:14px}.balance-line{text-transform:none;letter-spacing:0;justify-content:space-between;margin-bottom:2px;display:flex}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.faucet{padding:0;list-style:none}.faucet li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.faucet li p:first-child{margin-bottom:4px;font-size:15px}.faucet .chip:disabled{color:var(--mute);cursor:default}.faucet .hint{margin:0;padding:0}.faucet-note{margin-top:16px;padding-top:0}.faucet-gate{margin-top:16px}.toast a{margin-left:8px}@keyframes refresh{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes slide-in{0%{transform:translate(100%)}}@keyframes pulse{50%{opacity:.35}}@media (width<=820px){.receipt{border-left:none;width:100%}.panel>section,.receipt{padding:24px 20px}.topbar>.menu-wrap>.chip{padding:8px;font-size:11px}.brand{font-size:14px}.topbar{flex-wrap:wrap;row-gap:10px}.tabs{order:3;width:100%;margin:0}.tabs a{text-align:center;white-space:nowrap;flex:1}.pool{margin:20px 16px}.pools thead{display:none}.pools,.pools tbody,.pools tr,.pools td{display:block}.pools tr{border-bottom:1px solid var(--line);padding:16px}.pools td{text-align:right;border:none;flex-wrap:wrap;justify-content:space-between;padding:4px 0;display:flex}.pools td:before{content:attr(data-l);color:var(--mute);font-size:12px}.pools td:first-child:before{content:none}.pools .sub{width:100%;margin-top:2px}.act{width:100%;margin-top:8px}.act button{flex:1}}