:root{color:var(--text);background:var(--page);font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--page:#f5f4ef;--surface:#fffefa;--subtle:#eeeee6;--text:#25322a;--muted:#62685e;--border:#d9dcd0;--control-border:#818779;--accent:#d8ef9e;--accent-hover:#c8e486;--accent-text:#263521;--dark:#26382e;--on-dark:#f2f5e9;--dark-muted:#c2cfbb;--error:#982f27;--error-bg:#faece6;--focus:#376624;--text-caption:.8125rem;--text-small:.875rem;--text-body:1rem;--text-section:1.5rem;--radius:20px;--control-radius:10px;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.55}*{box-sizing:border-box}html{scroll-padding-top:24px}body{min-width:280px;margin:0}button,input,select{font:inherit;color:inherit}button,select,summary{cursor:pointer}button{border:0}button:disabled,select:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:from-font}:focus-visible{outline:3px solid var(--focus);outline-offset:4px}::selection{color:var(--text);background:var(--accent)}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}h2{font-size:var(--text-section);letter-spacing:-.035em;font-weight:600;line-height:1.25}h3{font-size:1.0625rem;font-weight:600;line-height:1.4}svg{flex:none}.shell{max-width:1200px;margin-inline:auto;padding-inline:36px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{z-index:10;background:var(--surface);padding:12px 20px;position:absolute;inset-block-start:-80px;inset-inline-start:16px}.skip:focus{inset-block-start:12px}.site-header{align-items:center;gap:36px;min-height:108px;display:flex}.wordmark{letter-spacing:-.065em;align-items:center;gap:9px;font-size:1.875rem;font-weight:700;line-height:1.2;text-decoration:none;display:inline-flex}.wordmark-dot{margin-inline-start:-9px}.brand-icon{background:var(--text);width:33px;height:33px;color:var(--accent);border-radius:50%;place-items:center;display:grid}.site-header nav{align-items:center;gap:28px;margin-inline-start:20px;display:flex}.site-header nav a{color:var(--muted);font-size:var(--text-small);padding-block:12px;text-decoration:none}.header-wallet{align-items:center;gap:18px;margin-inline-start:auto;display:flex}.network-badge{font-size:var(--text-caption);white-space:nowrap;color:var(--muted);align-items:center;gap:7px;display:inline-flex}.status-dot{background:var(--focus);border-radius:50%;width:7px;height:7px}.button{border-radius:var(--control-radius);min-height:48px;font-size:var(--text-small);justify-content:center;align-items:center;gap:12px;padding:12px 18px;font-weight:600;text-decoration:none;display:inline-flex}.button.small{min-height:44px;padding:10px 14px}.quiet{border:1px solid var(--control-border);background:0 0}.primary{background:var(--accent);color:var(--accent-text);width:100%;min-height:54px;font-size:var(--text-body);justify-content:space-between}.primary:disabled{opacity:1;background:var(--subtle);color:var(--muted)}.test-notice{border-block:1px solid var(--border);color:var(--muted);font-size:var(--text-caption);flex-wrap:wrap;align-items:center;gap:8px 18px;padding-block:16px;display:flex}.notice-tag{color:var(--text)}.notice-tag:before{content:"↗";margin-inline-end:8px}.trading-layout{grid-template-columns:minmax(0,1fr) minmax(0,450px);align-items:start;gap:80px;padding-block:48px 60px;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:var(--muted);font-size:.6875rem;font-weight:600}h1{letter-spacing:-.065em;margin-block:14px 22px;font-size:clamp(2.8rem,5.2vw,4.375rem);font-weight:500;line-height:1.04}h1>span{color:var(--focus)}.lede{color:var(--muted);max-width:39ch;font-size:1.0625rem;line-height:1.65}.rates{grid-template-columns:repeat(3,1fr);gap:18px;margin-block:28px 30px;display:grid}.rates>div{flex-direction:column;gap:3px;display:flex}.rates>div>span{font-size:var(--text-caption);color:var(--muted)}.rates strong{letter-spacing:-.06em;font-variant-numeric:tabular-nums;font-size:2rem;font-weight:500;line-height:1.3}.rates strong span{margin-inline-start:3px;font-size:1.3rem}.pot-card{background:var(--dark);color:var(--on-dark);border-radius:var(--radius);padding:25px 28px}.pot-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.pot-top h2{font-size:var(--text-body);letter-spacing:-.02em}.pot-label{color:var(--dark-muted);border:1px solid #637761;border-radius:20px;padding:3px 10px;font-size:.6875rem}.pot-value{font-variant-numeric:tabular-nums;letter-spacing:-.04em;overflow-wrap:anywhere;margin-block:24px 9px;font-size:clamp(2rem,3.3vw,2.75rem);font-weight:400;line-height:1.2}.pot-value span{letter-spacing:0;color:var(--dark-muted);font-size:1rem}.pot-card>p:not(.pot-value){color:var(--dark-muted);font-size:var(--text-small)}.pot-bottom{color:var(--dark-muted);justify-content:space-between;align-items:center;gap:10px;margin-block-start:22px;font-size:.75rem;display:flex}.pot-arrow{border:1px solid #637761;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;display:grid}.market-line{justify-content:space-between;align-items:center;gap:10px;margin-block:22px 4px;display:flex}.caption{font-size:var(--text-caption);color:var(--muted)}.market-price{font-size:var(--text-small);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-weight:600}.market-price>span{color:var(--muted);padding-inline:3px}.icon-button{border:1px solid var(--border);background:var(--surface);border-radius:50%;place-items:center;min-width:44px;min-height:44px;display:grid}.read-state{color:var(--muted);font-size:.75rem}.swap-card{background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:28px;box-shadow:0 4px 20px #25322a05,0 1px 2px #25322a04}.section-top{justify-content:space-between;align-items:center;gap:16px;display:flex}.swap-card h2{font-size:1.3125rem}.pill{border:1px solid var(--border);white-space:nowrap;color:var(--muted);border-radius:6px;padding:4px 9px;font-size:.6875rem}.direction{background:var(--subtle);border-radius:12px;grid-template-columns:1fr 1fr;gap:8px;margin-block:25px 22px;padding:5px;display:grid}.direction button{min-height:42px;color:var(--muted);font-size:var(--text-small);background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:8px;display:flex}.direction button[aria-pressed=true]{color:var(--text);background:var(--surface);font-weight:600;box-shadow:0 1px 4px #25322a18}.direction button:last-child svg{transform:rotate(90deg)}.amount-field{border:1px solid var(--control-border);border-radius:12px;padding:16px}.field-top{font-size:var(--text-caption);justify-content:space-between;gap:8px;display:flex}.field-top>span{color:var(--muted)}.amount-row{align-items:center;gap:12px;margin-block-start:10px;display:flex}.amount-row input{font-variant-numeric:tabular-nums;background:0 0;border:0;width:100%;min-width:0;padding:0;font-size:2rem;line-height:1.4}.amount-row input::placeholder{color:var(--muted)}.currency{font-size:var(--text-body);align-items:center;gap:6px;font-weight:600;display:flex}.coin{background:var(--text);width:25px;height:25px;color:var(--on-dark);font-size:var(--text-small);border-radius:50%;place-items:center;display:inline-grid}.coin.eth{color:#39403b;background:#e8e9e7;font-size:1.15rem}.field-help{color:var(--muted);margin-block:9px 16px;font-size:.75rem}.receive-box{background:var(--subtle);border-radius:12px;padding:14px 16px}.receive-box>div{justify-content:space-between;align-items:center;gap:12px;margin-block-start:5px;display:flex}.receive-box strong{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:1.65rem;font-weight:500}.receive-box>div>span{font-size:var(--text-small);color:var(--muted)}.bonus-preview{align-items:center;gap:10px;margin-block:18px 22px;display:flex}.bonus-symbol{place-items:center;width:32px;height:36px;font-size:1.6rem;display:grid}.bonus-preview strong{font-size:var(--text-caption);font-weight:600}.bonus-preview p{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.75rem}.limit-row{font-size:var(--text-caption);justify-content:space-between;align-items:center;gap:12px;margin-block-end:8px;display:flex}.limit-row select{background:var(--surface);border:1px solid var(--control-border);border-radius:8px;min-width:80px;min-height:44px;padding:8px;font-size:1rem}.fine-print{color:var(--muted);font-size:.75rem;line-height:1.6}.quote-state{min-height:20px;color:var(--muted);margin-block-start:15px;font-size:.75rem}.text-button{font-size:var(--text-caption);text-underline-offset:4px;background:0 0;min-height:44px;padding:6px 2px;font-weight:600;text-decoration:underline}.connected{color:var(--muted);overflow-wrap:anywhere;margin-block:12px;font-size:.75rem}.swap-card form>.primary{margin-block-start:17px}.swap-footnote{text-align:center;color:var(--muted);margin-block-start:18px;font-size:.6875rem}.error{color:var(--error);font-size:var(--text-caption);overflow-wrap:anywhere;margin-block:10px}.warning{background:var(--error-bg);color:var(--error);font-size:var(--text-caption);border-radius:8px;margin-block-start:12px;padding:12px}.approval-note{margin-block-start:12px}.review-box{border:1px solid var(--control-border);border-radius:12px;margin-block-start:20px;padding:16px}.review-box p{font-size:var(--text-small);overflow-wrap:anywhere;margin-block:12px}.review-box h3{font-size:1.125rem}.transaction-status{font-size:var(--text-caption);overflow-wrap:anywhere;margin-block-start:12px}.transaction-status:empty{display:none}.transaction-link{font-size:var(--text-caption);align-items:center;gap:8px;min-height:44px;display:inline-flex}.activity-section{border-block-start:1px solid var(--border);padding-block:38px 50px}.activity-section h2{margin-block-start:6px}.activity-window{font-size:var(--text-caption);color:var(--muted);margin-block-start:10px}.empty-state{text-align:center;border:1px dashed var(--border);border-radius:14px;flex-direction:column;align-items:center;gap:7px;margin-block-start:24px;padding:38px 24px;display:flex}.empty-arrow{color:var(--muted);font-size:1.8rem}.empty-state strong{font-size:var(--text-small);font-weight:600}.empty-state p{color:var(--muted);font-size:var(--text-caption);max-width:65ch}.empty-state .error{color:var(--error)}.event-list{margin:20px 0 0;padding:0;list-style:none}.event-list li{border-block-end:1px solid var(--border);align-items:center;gap:16px;padding-block:18px;display:flex}.event-icon{background:var(--subtle);border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:1.2rem;display:grid}.event-icon.bonus{background:var(--dark);color:var(--on-dark)}.event-name,.event-value{font-size:var(--text-small);flex-direction:column;gap:2px;min-width:0;display:flex}.event-name span,.event-value span{color:var(--muted);font-size:.75rem}.event-value{text-align:end;font-variant-numeric:tabular-nums;margin-inline-start:auto}.event-list a{justify-content:end;align-items:center;gap:8px;min-width:44px;min-height:44px;margin-inline-start:16px;font-size:.75rem;display:flex}.about-section{border-block-start:1px solid var(--border);padding-block:36px 44px}.explain-grid{grid-template-columns:repeat(3,1fr);gap:48px;margin-block-start:32px;display:grid}.step{color:var(--muted);border:1px solid var(--border);border-radius:5px;margin-block-end:12px;padding:3px 7px;font-size:.6875rem;display:inline-block}.explain-grid p{color:var(--muted);font-size:var(--text-small);max-width:40ch;margin-block-start:10px}.deployment-details{border-block:1px solid var(--border)}.deployment-details summary{font-size:var(--text-small);padding-block:24px;font-weight:600}.deployment-details summary>span{float:inline-end;color:var(--muted);align-items:center;gap:12px;font-size:.75rem;font-weight:400;display:inline-flex}.contract-grid{grid-template-columns:1fr 1fr;gap:24px;padding-block:10px 26px;display:grid}.contract-grid>div{min-width:0;font-size:var(--text-small)}.contract-grid a{align-items:center;gap:8px;min-height:44px;font-size:.75rem;display:flex}code{overflow-wrap:anywhere;font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.75rem}.deployment-meta{color:var(--muted);padding-block-end:26px;font-size:.75rem}.deployment-meta p{overflow-wrap:anywhere;max-width:95ch;margin-block:8px}footer{justify-content:space-between;align-items:center;gap:24px;padding-block:30px 40px;display:flex}.footer-brand{font-size:1.4rem}footer p{color:var(--muted);font-size:.75rem}footer>a:last-child{font-size:var(--text-caption);align-items:center;gap:8px;min-height:44px;display:flex}.boot{max-width:650px;margin:auto;padding:60px 24px}.boot h1{font-size:2.5rem}.boot .button{margin-block-start:24px}@media (hover:hover){.quiet:hover,.icon-button:hover{background:var(--subtle)}.primary:not(:disabled):hover{background:var(--accent-hover)}a:hover{text-decoration:underline}}@media (prefers-reduced-motion:no-preference){button{transition:background-color .12s ease-out,transform .12s ease-out}button:not(:disabled):active{transform:scale(.96)}}@media (width<=64rem){.trading-layout{grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:36px}.site-header{gap:20px}.site-header nav{gap:16px;margin:0}.header-wallet{gap:12px}.network-badge{font-size:.6875rem}.pot-card{padding:22px}}@media (width<=53rem){.site-header nav{display:none}.trading-layout{grid-template-columns:1fr 1fr;gap:28px}.swap-card{padding:20px}h1{font-size:3.2rem}.pot-label{display:none}.explain-grid{gap:24px}.shell{padding-inline:24px}.field-top{flex-wrap:wrap}}@media (width<=44rem){.site-header{flex-wrap:wrap;gap:16px;min-height:auto;padding-block:22px}.header-wallet{flex-wrap:wrap;justify-content:end;gap:6px 12px}.header-wallet .network-badge{justify-content:end;width:100%}.trading-layout{grid-template-columns:1fr;gap:28px;padding-block:32px 38px}h1{font-size:clamp(2.75rem,10vw,3.75rem)}.lede{max-width:44ch}.rates{margin-block:24px}.pot-value{font-size:2.5rem}.pot-label{display:inline}.explain-grid{grid-template-columns:1fr;gap:28px}.explain-grid p{max-width:60ch}.section-top{flex-wrap:wrap;align-items:start;gap:8px 16px}.contract-grid{grid-template-columns:1fr}.deployment-details summary>span{display:none}footer{flex-wrap:wrap;gap:12px 24px}footer p{order:3;width:100%}.event-hash{display:none}.event-list a{margin:0}.event-list li{gap:10px}}@media (width<=24rem){.shell{padding-inline:16px}.wordmark{font-size:1.65rem}.brand-icon{width:29px;height:29px}.site-header{gap:8px}.header-wallet .button{padding:8px 10px;font-size:.75rem}.header-wallet .button svg{display:none}.swap-card{border-radius:20px;padding:18px}.pot-card{padding:20px}.pot-label{display:none}.pot-value{font-size:2rem}.event-list li{flex-wrap:wrap}.event-name{flex:1}.event-value{text-align:start;flex:1;margin-inline-start:46px}.amount-row input{font-size:1.75rem}}@media (forced-colors:active){:focus-visible{outline-color:highlight}.direction button[aria-pressed=true]{border:2px solid highlight}.primary{border:1px solid buttontext}}