:root{color:#16221e;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;background:#eef3ef}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}main{min-height:100vh;background:linear-gradient(160deg,rgba(21,241,149,.18),transparent 32%),linear-gradient(28deg,rgba(249,179,60,.16),transparent 38%),#eef3ef;padding:24px}.topbar{align-items:center;display:grid;gap:18px;grid-template-columns:1fr auto 1fr;margin:0 auto 44px;max-width:1180px}.brand,.wallet-button,.language-button,.disconnect-button,.nav-tabs,.token-button,.signature-link{align-items:center;display:flex}.brand{gap:10px;font-size:21px;font-weight:800}.brand img{height:34px;width:34px}.nav-tabs{background:#ffffffb8;border:1px solid rgba(26,43,36,.08);border-radius:999px;padding:5px}.nav-tabs button{background:transparent;border:0;border-radius:999px;color:#52655e;min-width:76px;padding:10px 14px}.nav-tabs .active{background:#17231f;color:#fff}.wallet-button{background:#fff;border:1px solid rgba(26,43,36,.09);border-radius:999px;color:#17231f;gap:9px;justify-self:end;min-height:44px;padding:0 18px;white-space:nowrap}.wallet-button.connected{background:#dff7e8;border-color:#14a15a38;cursor:default}.top-actions{align-items:center;display:flex;gap:8px;justify-content:flex-end;min-width:0}.language-button,.disconnect-button{background:#fff;border:1px solid rgba(26,43,36,.09);border-radius:999px;color:#17231f;gap:7px;min-height:44px;padding:0 13px;white-space:nowrap}.language-button{font-weight:800}.disconnect-button{color:#52655e}.shell{display:grid;grid-template-columns:minmax(360px,480px);justify-content:center;margin:0 auto;max-width:520px}.swap-panel{align-self:start}.icon-button{align-items:center;background:#f4f7f4;border:1px solid rgba(26,43,36,.08);border-radius:8px;color:#1c2d27;display:inline-flex;height:38px;justify-content:center;width:38px}.token-row img,.token-button img{border-radius:50%;display:block}.token-row span{display:grid;gap:2px}.token-row small,.swap-header p{color:#677871}.swap-panel{background:#ffffffdb;border:1px solid rgba(26,43,36,.1);border-radius:8px;box-shadow:0 24px 70px #17231f1f;padding:18px}.swap-header{align-items:center;display:flex;gap:14px;justify-content:space-between;margin-bottom:16px}.swap-header h1{font-size:25px;line-height:1.1;margin:0}.swap-header p{margin:5px 0 0}.header-actions{align-items:center;display:flex;gap:8px}.swap-box{background:#f4f7f4;border:1px solid transparent;border-radius:8px;padding:16px}.swap-box:focus-within{border-color:#14ab6447}.amount-row{align-items:center;color:#64766f;display:flex;font-size:13px;justify-content:space-between;margin-bottom:10px}.input-row{align-items:center;display:grid;gap:14px;grid-template-columns:minmax(0,1fr) auto}.input-row input,.input-row output{background:transparent;border:0;color:#17231f;display:block;font-size:34px;font-weight:760;min-width:0;outline:none;width:100%}.input-row output{overflow:hidden;text-overflow:ellipsis}.swap-box>small{color:#71837c;display:block;margin-top:8px}.menu-wrap{position:relative}.token-button{background:#fff;border:1px solid rgba(26,43,36,.1);border-radius:999px;box-shadow:0 6px 18px #151f1c0f;color:#17231f;font-weight:800;gap:8px;justify-content:space-between;min-height:44px;padding:6px 10px 6px 7px;width:132px}.token-button img{flex:0 0 auto;height:30px;width:30px}.token-button span{flex:1;min-width:0;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.token-button svg{flex:0 0 auto}.token-menu{background:#fff;border:1px solid rgba(26,43,36,.1);border-radius:8px;box-shadow:0 18px 44px #151f1c2e;min-width:260px;padding:8px;position:absolute;right:0;top:52px;z-index:10}.token-menu .token-search{background:#f4f7f4;border:1px solid rgba(26,43,36,.08);border-radius:8px;color:#17231f;display:block;font-size:12px;font-weight:480;height:34px;line-height:1;margin-bottom:8px;outline:none;overflow:hidden;padding:0 10px;text-overflow:ellipsis;white-space:nowrap;width:100%}.token-menu .token-search::placeholder{color:#17231f57;font-size:12px;font-weight:480}.token-menu .token-search:focus{border-color:#14ab6452}.token-search-status{color:#62746c;font-size:12px;line-height:1.35;padding:0 4px 8px}.token-row{align-items:center;background:transparent;border:0;border-radius:8px;color:#17231f;cursor:pointer;display:grid;gap:10px;grid-template-columns:34px 1fr auto;min-height:52px;padding:8px;text-align:left;transition:background .14s ease,box-shadow .14s ease,transform .14s ease;width:100%}.token-row:hover,.token-row.active{background:#e4f4ea;box-shadow:inset 0 0 0 1px #14ab643d}.token-row:hover{transform:translateY(-1px)}.token-row:focus-visible{background:#e4f4ea;box-shadow:inset 0 0 0 2px #14ab646b;outline:none}.token-row:hover strong,.token-row.active strong,.token-row:focus-visible strong{color:#0f7a49}.token-row img{height:34px;width:34px}.token-row em{color:#63756e;font-style:normal;max-width:116px;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.switch-button{align-items:center;background:#fff;border:4px solid #ffffff;border-radius:999px;color:#1d3029;display:flex;height:42px;justify-content:center;margin:-8px auto;position:relative;width:42px;z-index:2}.quote-grid{border:1px solid rgba(26,43,36,.08);border-radius:8px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:14px;padding:12px}.quote-grid span{color:#66776f;display:grid;font-size:12px;gap:4px}.quote-grid strong{color:#17231f;font-size:13px}.swap-button{background:#17231f;border:0;border-radius:8px;color:#fff;font-size:17px;font-weight:850;min-height:56px;margin-top:14px;width:100%}.swap-button:disabled{background:#bcc8c2;color:#eef3ef;cursor:not-allowed}.swap-status{color:#62746c;font-size:13px;line-height:1.45;margin:10px 0 0;overflow-wrap:anywhere}.signature-link{color:#0c8558;gap:7px;margin-top:10px;text-decoration:none}@media (max-width: 980px){.topbar{grid-template-columns:1fr auto}.nav-tabs{grid-column:1 / -1;justify-self:start;order:3}.shell{grid-template-columns:minmax(320px,520px)}}@media (max-width: 560px){main{padding:14px;overflow-x:hidden}.topbar{gap:12px;margin-bottom:22px;max-width:100%;width:calc(100vw - 28px)}.brand span{display:none}.nav-tabs{justify-self:stretch;overflow-x:auto}.nav-tabs button{min-width:0}.shell{grid-template-columns:1fr;max-width:100%;min-width:0;width:calc(100vw - 28px)}.swap-panel{overflow:hidden;padding:12px;width:100%;max-width:100%;min-width:0}.swap-header{align-items:flex-start}.header-actions{flex-wrap:wrap;justify-content:flex-end}.swap-box{overflow:hidden;width:100%}.amount-row span{display:none}.input-row input,.input-row output{font-size:24px}.input-row{gap:8px;grid-template-columns:1fr;justify-items:start}.token-button{gap:6px;min-height:40px;padding:5px 8px 5px 6px;width:118px}.token-button img{height:28px;width:28px}.wallet-button{min-height:40px;padding:0 12px}.language-button,.disconnect-button{min-height:40px;padding:0 11px}.disconnect-button span{display:none}.wallet-button:not(.connected){font-size:0;gap:0;width:44px;justify-content:center}.quote-grid{grid-template-columns:1fr}.menu-wrap{position:static}.token-menu{animation:tokenSheetIn .18s ease-out;border:0;border-radius:18px 18px 0 0;bottom:0;box-shadow:0 -18px 50px #151f1c38;left:0;max-height:72vh;min-width:0;overflow-y:auto;padding:14px;position:fixed;right:0;top:auto;width:100vw;z-index:30}.token-menu:before{background:#17231f38;bottom:0;content:"";left:0;position:fixed;right:0;top:0;z-index:-1}.token-menu:after{background:#17231f2e;border-radius:999px;content:"";display:block;height:4px;left:50%;position:absolute;top:8px;transform:translate(-50%);width:42px}.token-menu .token-search{height:38px;margin-top:8px}.token-row{min-height:60px}}@keyframes tokenSheetIn{0%{transform:translateY(18px)}to{transform:translateY(0)}}