:root{color-scheme:dark;--neutral-950: #101312;--neutral-900: #181c1a;--neutral-850: #1e2420;--neutral-700: #39453c;--neutral-500: #829087;--neutral-300: #aab6ae;--neutral-100: #eef3ee;--lime-300: #c0ef80;--lime-200: #d0f4a1;--lime-950: #18220e;--green-300: #85dcac;--amber-300: #edc779;--red-300: #ffa3a3;--bg: var(--neutral-950);--surface: var(--neutral-900);--surface-raised: var(--neutral-850);--text: var(--neutral-100);--muted: var(--neutral-300);--border: var(--neutral-700);--control-border: #77877b;--accent: var(--lime-300);--accent-hover: var(--lime-200);--on-accent: var(--lime-950);--focus: var(--lime-300);--healthy: var(--green-300);--caution: var(--amber-300);--danger: var(--red-300);--font-body: "Segoe UI", -apple-system, BlinkMacSystemFont, Arial, sans-serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;--text-small: .8125rem;--text-body: .9375rem;--text-section: 1.125rem;font-family:var(--font-body);font-size:16px;font-weight:400;line-height:1.6;color:var(--text);background:var(--bg);font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:280px}button,input{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;min-height:44px;border:1px solid var(--control-border);border-radius:8px;background:var(--surface-raised);color:var(--text);padding:.625rem 1rem;cursor:pointer;font-size:.875rem;font-weight:600;line-height:1.4}button:disabled{cursor:not-allowed;opacity:.45}button svg{flex-shrink:0}a{color:inherit;text-underline-offset:4px;text-decoration-thickness:from-font}a,button,input,summary{touch-action:manipulation}:focus-visible{outline:2px solid var(--focus);outline-offset:4px}input:focus-visible{outline-offset:2px}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}h1{font-size:clamp(2rem,3.1vw,2.75rem);font-weight:500;letter-spacing:-.055em;line-height:1.2}h2{font-size:var(--text-section);font-weight:600;letter-spacing:-.025em;line-height:1.35}h3{font-size:1rem;font-weight:600;letter-spacing:-.015em}p{text-wrap:pretty}.muted{color:var(--muted)}.small{font-size:var(--text-small)}.healthy{color:var(--healthy)}.caution{color:var(--caution)}.danger{color:var(--danger)}.skip-link{position:absolute;inset-block-start:-5rem;inset-inline-start:1rem;z-index:20;padding:.75rem;background:var(--accent);color:var(--on-accent)}.skip-link:focus{inset-block-start:.5rem}.header{min-height:96px;padding:1rem max(2rem,calc((100vw - 1200px)/2));display:flex;align-items:center;gap:3.5rem;border-bottom:1px solid var(--border)}.brand{display:inline-flex;align-items:center;gap:.75rem;text-decoration:none;font-weight:700;font-size:1.125rem;letter-spacing:.04em;line-height:1.3}.brand-sub{display:block;font-size:.6875rem;color:var(--muted);font-weight:400;letter-spacing:.02em;margin-block-start:2px}.header nav{display:flex;align-items:center;gap:2rem;font-size:.875rem}.header nav a{padding-block:.75rem;color:var(--muted);text-decoration:none}.header nav .nav-active{color:var(--text);position:relative}.nav-active:after{content:"";position:absolute;height:2px;width:20px;background:var(--accent);inset-block-end:0;inset-inline-start:0}.wallet-tools{display:flex;align-items:center;gap:1.25rem;margin-inline-start:auto}.network-pill{font-size:.8125rem;display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap}.dot{width:6px;height:6px;border-radius:50%;background:currentColor;display:inline-block;flex-shrink:0}.network-pill .dot{color:var(--healthy)}.wallet-button{font-weight:500;background:transparent}.container{max-width:1168px;padding-inline:1.5rem;margin-inline:auto}.intro{display:flex;justify-content:space-between;align-items:flex-end;gap:3rem;padding-block:3.5rem 2.75rem}.eyebrow{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-block-end:1rem;display:flex;gap:.625rem;align-items:center}.tiny-square{display:inline-block;width:6px;height:6px;border:1px solid var(--muted)}.intro-copy{max-width:470px;font-size:var(--text-body);color:var(--muted);margin-block-start:1.25rem;line-height:1.65}.testnet-note{text-align:end;flex-shrink:0;padding-block-end:.375rem}.outline-label{border:1px solid var(--border);border-radius:4px;padding:.375rem .625rem;font-family:var(--font-mono);text-transform:uppercase;font-size:.625rem;letter-spacing:.08em}.testnet-note p{color:var(--muted);font-size:.8125rem;line-height:1.7;margin-block-start:.875rem}.balance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-block-end:1.5rem}.balance-card{padding:1.25rem 1.5rem;border:1px solid var(--border);border-radius:12px;background:var(--surface);min-width:0}.card-label{display:flex;align-items:center;justify-content:space-between;font-size:.8125rem;color:var(--muted);gap:.5rem}.token{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;flex-shrink:0;background:var(--surface-raised);color:var(--text);border:1px solid var(--border);font-family:var(--font-mono);font-weight:600;font-size:.8125rem}.token-imd{font-family:Georgia,serif;font-style:italic}.balance-value{display:flex;align-items:baseline;gap:.5rem;font-size:1.875rem;font-weight:500;letter-spacing:-.035em;margin-block:.75rem .25rem;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;flex-wrap:wrap;line-height:1.3}.balance-value>span{font-size:.75rem;font-weight:400;color:var(--muted);letter-spacing:0}.workspace{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:1.5rem;align-items:start}.position-panel,.action-panel{padding:1.75rem;border-radius:12px;min-width:0}.position-panel{border:1px solid var(--border)}.action-panel{background:var(--surface);border:1px solid var(--border)}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.status-pill{display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--border);padding:.25rem .5rem;border-radius:4px;font-size:.6875rem;white-space:nowrap}.position-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding-block:2.5rem 2rem}.position-values p{font-size:1.75rem;letter-spacing:-.035em;margin-block-start:.625rem;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;line-height:1.4}.position-values p>span{font-size:.75rem;color:var(--muted);letter-spacing:0}.health-panel{border-block-start:1px solid var(--border);padding-block-start:1.5rem}.health-header{display:flex;align-items:center;justify-content:space-between;font-size:.8125rem;gap:.5rem}.ratio{font-size:3.25rem;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-.05em;display:flex;align-items:baseline;flex-wrap:wrap;gap:1rem;margin-block:.5rem 1.25rem;overflow-wrap:anywhere}.ratio-label{font-size:.75rem;color:var(--muted);letter-spacing:0;font-weight:400}.health-bar{height:5px;display:grid;grid-template-columns:150fr 20fr 130fr;gap:4px;position:relative}.health-bar span{border-radius:2px;background:var(--danger);opacity:.7}.health-bar span:nth-child(2){background:var(--caution)}.health-bar span:nth-child(3){background:var(--healthy)}.health-bar i{position:absolute;height:13px;width:3px;background:var(--text);inset-block-start:-4px;box-shadow:0 0 0 2px var(--bg)}.health-legend{display:flex;justify-content:space-between;gap:.5rem;font-size:.625rem;color:var(--muted);margin-block:.625rem 1.25rem}.position-empty{display:flex;align-items:center;gap:1rem;background:var(--surface);border-radius:8px;padding:1rem;margin-block-start:2rem}.empty-icon{font-size:1.5rem;color:var(--muted)}.position-empty strong{font-size:.8125rem;font-weight:500}.position-empty p{margin-block-start:.25rem;font-size:.75rem;color:var(--muted)}.sync-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-block-start:1.5rem}.icon-button{padding:.5rem;min-width:44px;background:transparent}.action-selector{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem;margin-block:1.5rem}.action-selector button{justify-content:flex-start;background:transparent;font-size:.8125rem;font-weight:400;padding:.75rem;color:var(--muted)}.action-selector button[aria-pressed=true]{border-color:var(--text);background:var(--surface-raised);color:var(--text)}.action-description{font-size:.8125rem;color:var(--muted);min-height:2.625rem;margin-block-end:1.25rem}.amount-label{display:flex;justify-content:space-between;align-items:center;font-size:.8125rem}.text-button{background:transparent;border:0;min-height:44px;padding:.5rem;font-size:.75rem;text-decoration:underline;text-underline-offset:3px}.amount-field{display:flex;align-items:center;padding:.875rem 1rem;background:var(--bg);border:1px solid var(--control-border);border-radius:8px;gap:.5rem}.amount-field.invalid{border-color:var(--danger)}.amount-field input{min-width:0;width:100%;background:transparent;color:var(--text);border:none;font-size:1.75rem;line-height:1.4;font-variant-numeric:tabular-nums;padding:0;border-radius:1px}input::placeholder{color:var(--neutral-500);opacity:1}.amount-field>span{display:inline-flex;align-items:center;gap:.5rem;font-size:.8125rem}.amount-field .token{width:24px;height:24px;font-size:.75rem}.available{margin-block-start:.5rem}.field-error{color:var(--danger);font-size:.8125rem;margin-block-start:.5rem}.field-error:empty{display:none}.preview{margin-block:1.5rem 1rem;font-size:.75rem;display:grid;gap:.625rem}.preview>div{display:flex;justify-content:space-between;gap:1rem}.preview dt{color:var(--muted)}.preview dd{margin:0;text-align:end;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.step-hint{color:var(--muted);margin-block:1rem;font-size:.75rem}.primary{min-height:50px;width:100%;justify-content:space-between;border-color:transparent;background:var(--accent);color:var(--on-accent);padding-inline:1rem;font-size:.875rem}.action-footer{font-size:.6875rem;color:var(--muted);text-align:center;margin-block-start:.75rem}.notice{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;margin-block-end:1rem;border:1px solid currentColor;border-radius:8px;background:var(--surface);font-size:.875rem}.notice p{font-size:.8125rem;margin-block-start:.25rem}.notice button{flex-shrink:0}.loading-note{color:var(--muted);font-size:.8125rem;margin-block-end:1rem}.transaction-status:empty{display:none}.transaction-status{border:1px solid var(--border);padding:1.25rem;margin-block-start:1.5rem;border-radius:8px;background:var(--surface);display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.875rem}.transaction-status strong{font-weight:500}.transaction-status a{display:flex;gap:.375rem;align-items:center;font-size:.8125rem;margin-block-start:.5rem}.admin-panel{padding:1.75rem;border:1px solid var(--border);border-radius:12px;margin-block-start:1.5rem;background:var(--surface)}.admin-panel .eyebrow{margin-block-end:.5rem}.admin-panel>div>p:last-child{margin-block-start:.5rem;max-width:70ch}.admin-panel form{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto;gap:1rem;align-items:start;margin-block-start:1.5rem}.admin-panel label{display:block;font-size:.8125rem;margin-block-end:.5rem}.admin-panel input{border:1px solid var(--control-border);background:var(--bg);padding:.75rem;border-radius:6px;width:100%;color:var(--text);font-size:1rem;min-height:48px}.admin-panel form>button{margin-block-start:1.8125rem;min-height:48px}.admin-panel .field-error{grid-column:1/-1}.recipient-preview{display:block;margin-block-start:.5rem;color:var(--muted)}.how-section{margin-block:3rem}.how-section>.section-heading{margin-block-end:1.5rem}.how-section h2{font-size:1.25rem;font-weight:500}.how-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3rem}.step-number{font-family:var(--font-mono);color:var(--muted);font-size:.75rem;display:block;margin-block-end:.75rem}.how-grid p{font-size:.8125rem;color:var(--muted);margin-block-start:.5rem;max-width:32ch}.protocol-section{border-block:1px solid var(--border)}.protocol-section summary{cursor:pointer;min-height:72px;padding-block:1.5rem;font-size:.875rem;font-weight:500}.protocol-section summary>span{float:inline-end;font-weight:400}.protocol-content{padding-block-end:1.5rem}.protocol-content>p{font-size:.875rem;color:var(--muted);max-width:80ch;margin-block-end:1rem}.address-row{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding-block:.75rem}.address-row>div{min-width:0}.address{font-family:var(--font-mono);overflow-wrap:anywhere}.address-row a{display:flex;align-items:center;gap:.5rem;font-size:.75rem}.address-row svg{flex-shrink:0}.faucet-links{display:flex;flex-wrap:wrap;gap:1.5rem;font-size:.8125rem;margin-block-start:1rem}footer{display:flex;align-items:center;justify-content:space-between;padding-block:2rem;gap:1.5rem}.footer-brand{font-weight:600;text-decoration:none;font-size:.875rem}.footer-brand span{font-weight:400;margin-inline-start:.375rem}.spinner{width:14px;height:14px;display:inline-block;border:2px solid currentColor;border-inline-end-color:transparent;border-radius:50%}@media(hover:hover){button:not(:disabled):hover{background:var(--surface-raised);border-color:var(--muted)}.primary:not(:disabled):hover{background:var(--accent-hover);border-color:transparent}a:hover{color:var(--text)}.text-button:not(:disabled):hover{color:var(--text)}}@media(prefers-reduced-motion:no-preference){button{transition:background-color .15s,border-color .15s,scale .15s}button:not(:disabled):active{scale:.96}.spinner{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}}@media(max-width:62rem){.header{gap:2rem;padding-inline:1.5rem}.header nav{gap:1.25rem}.wallet-tools{gap:.75rem}.workspace{gap:1rem}.position-panel,.action-panel{padding:1.25rem}.health-legend{font-size:.5625rem}}@media(max-width:48rem){.header{min-height:80px;gap:1.5rem;flex-wrap:wrap}.header nav{order:3;width:100%}.wallet-tools{margin-inline-start:auto}.intro{padding-block:2.5rem 2rem}.testnet-note{display:none}.balance-card{padding:1rem}.balance-value{font-size:1.5rem}.card-label{font-size:.75rem}.workspace{grid-template-columns:1fr;gap:1.5rem}.position-values{padding-block:1.5rem}.position-empty{margin-block-start:1.5rem}.health-legend{font-size:.6875rem}.admin-panel form{grid-template-columns:1fr}.admin-panel form>button{margin-block-start:0}.how-grid{gap:1.5rem}.protocol-section summary>span{display:block;float:none;margin-block-start:.5rem}}@media(max-width:34rem){.container{padding-inline:1rem}.header{padding-inline:1rem;gap:.75rem}.header nav{gap:1.5rem}.brand{font-size:1rem;gap:.5rem}.brand img{width:32px;height:32px}.wallet-tools{gap:.5rem}.wallet-button{padding-inline:.625rem;font-size:.75rem}.wallet-button svg{display:none}.connected-wallet{flex-direction:column;gap:.125rem}.connected-wallet .small{font-size:.625rem}.network-pill{font-size:.6875rem}.network-pill .dot{display:none}.intro h1{font-size:2rem}.intro-copy{font-size:.875rem}.balance-grid{grid-template-columns:1fr;gap:.75rem}.balance-card{display:grid;grid-template-columns:1fr auto;gap:.25rem .75rem}.card-label{justify-content:flex-start;gap:.5rem;flex-direction:row}.card-label .token{width:24px;height:24px}.balance-value{margin:0;font-size:1.375rem;justify-content:flex-end;text-align:end}.balance-card>.small{grid-column:1/-1;padding-inline-start:2rem;font-size:.6875rem}.position-panel,.action-panel,.admin-panel{padding:1.125rem}.section-heading h2{font-size:1rem}.status-pill{font-size:.625rem}.health-legend{font-size:.5625rem}.position-values p{font-size:1.5rem}.position-values .small{font-size:.75rem}.action-selector button{font-size:.75rem;padding:.625rem}.action-selector button svg{width:16px}.amount-field{padding-inline:.75rem}.how-section{margin-block:2.5rem}.how-section>.section-heading{align-items:start;flex-direction:column;gap:.25rem}.how-grid{grid-template-columns:1fr;gap:1.5rem}.how-grid>div{padding-inline-start:2.5rem;position:relative}.step-number{position:absolute;inset-inline-start:0;inset-block-start:2px}.how-grid p{max-width:50ch}.notice,.transaction-status{align-items:start;flex-direction:column}.notice button{width:100%}footer{flex-direction:column;align-items:start;gap:.75rem}.address-row{align-items:start}.address-row .text-button{padding-inline:.25rem}.preview>div{gap:.5rem}}@media(forced-colors:active){:focus-visible{outline-color:Highlight}.health-bar span{background:CanvasText}.token{border:1px solid CanvasText}}.exact-balances{margin-block-start:1.5rem;font-size:.8125rem;color:var(--muted)}.exact-balances summary{cursor:pointer;padding-block:.75rem}.exact-balances dl{display:grid;gap:.75rem}.exact-balances dl>div{display:flex;justify-content:space-between;gap:1rem}.exact-balances dd{margin:0;font-family:var(--font-mono);overflow-wrap:anywhere;text-align:end;color:var(--text)}.exact-balances .small{max-width:70ch}
