@font-face{font-family:Archivo;src:url(/fonts/archivo.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Red Hat Mono;src:url(/fonts/red-hat-mono.woff2)format("woff2");font-weight:300 700;font-display:swap}:root{--ink:#16181d;--paper:#f3f1ec;--accent:#f0912a;--muted:#5d6069;--line:2px solid var(--ink)}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Archivo,system-ui,sans-serif}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:4px;outline:3px solid #a95813}button{transition:background .15s,opacity .15s}button:active:not(:disabled){transform:translateY(1px)}.shell{grid-template-rows:auto 1fr;gap:16px;min-height:100svh;padding:20px 24px 24px;display:grid}.topbar{justify-content:space-between;align-items:center;gap:16px;min-height:40px;display:flex}.brand{letter-spacing:.08em;align-items:center;gap:9px;font-size:14px;font-weight:700;text-decoration:none;display:flex}.brand-logo{background:var(--ink);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.brand-logo img{object-fit:contain;width:100%;height:100%;display:block}.token-label{vertical-align:middle;white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.nav-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.network-label,.button{border:var(--line);background:#fff;justify-content:center;align-items:center;min-height:40px;padding:8px 14px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.dark{background:var(--ink);color:#fff}.social-link{flex-shrink:0;gap:8px}.social-link:hover{background:var(--paper)}.dark:hover:not(:disabled),.primary:hover:not(:disabled){background:#2a2d36}.mono{font-family:Red Hat Mono,monospace}.bento{grid-template-rows:repeat(2,minmax(240px,1fr));grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);gap:14px;min-height:calc(100svh - 100px);display:grid}.panel{border:var(--line);background:#fff;min-width:0;padding:22px}.action-card{flex-direction:column;grid-row:1/3;justify-content:space-between;gap:24px;padding:24px;display:flex}.amount-stage{flex-direction:column;flex:1;justify-content:space-between;gap:28px;padding-bottom:30px;display:flex}.input-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.tabs{border:var(--line);display:inline-flex}.tabs button{min-height:40px;color:var(--ink);background:#fff;border:0;padding:8px 18px;font-size:14px;font-weight:600}.tabs .selected{background:var(--ink);color:#fff}.available{color:var(--muted);font-size:14px}.available b{color:var(--ink);font-weight:500}.amount-label,.eyebrow{letter-spacing:.1em;text-transform:uppercase;font-size:14px;font-weight:600}.amount-label{color:var(--muted);margin-top:auto}.amount-line{border-bottom:var(--line);align-items:baseline;gap:16px;min-width:0;padding-bottom:12px;display:flex}.amount-line input{width:100%;min-width:0;color:var(--ink);letter-spacing:-.05em;background:0 0;border:0;border-radius:0;flex:1;padding:0;font-family:Red Hat Mono,monospace;font-size:clamp(40px,5.4vw,80px);font-weight:500;line-height:1.1}.amount-line input::placeholder{color:#c9c4b8}.amount-line input:focus{outline-offset:8px}.amount-line>span{font-size:20px;font-weight:600}.action-bottom{flex-direction:column;flex:1;justify-content:space-between;gap:28px;display:flex}.presets{flex-wrap:wrap;gap:6px;display:flex}.presets button{border:var(--line);background:#fff;min-height:34px;padding:6px 12px;font:14px Red Hat Mono,monospace}.presets button:hover:not(:disabled){background:var(--paper)}.primary{border:var(--line);background:var(--ink);color:#fff;width:100%;min-height:60px;padding:14px;font-size:16px;font-weight:600}.helper{color:var(--muted);margin:10px 0 0;font-size:14px;line-height:1.5}.metric{flex-direction:column;justify-content:space-between;gap:20px;display:flex}.metric-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.metric-value{letter-spacing:-.04em;overflow-wrap:anywhere;font:500 clamp(30px,3.3vw,46px)/1.2 Red Hat Mono,monospace}.metric-value small{letter-spacing:0;color:var(--muted);font-size:14px}.metric-value.muted{color:#b5b1a6}.reward{background:var(--accent)}.reward .metric-value small{color:var(--ink)}.reward .muted{color:#74481e}.metric .button{min-height:34px;padding:6px 14px}.eyebrow{color:var(--muted)}.reward .eyebrow{color:var(--ink)}@media (min-width:1500px){.shell{max-width:1800px;margin:auto}}@media (max-width:1050px){.bento{grid-template-rows:repeat(4,minmax(190px,1fr));grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.action-card{grid-row:1/5}.metric-value{font-size:36px}}@media (max-width:680px){.shell{gap:16px;padding:16px}.topbar{align-items:flex-start}.network-label{display:none}.bento{grid-template-rows:auto;grid-template-columns:repeat(2,minmax(0,1fr));min-height:0}.action-card{grid-area:auto/1/auto/-1;min-height:440px;padding:20px}.panel.metric{min-height:190px;padding:16px}.metric-heading{align-items:flex-start}.metric-value{font-size:28px}.amount-line input{font-size:58px}.eyebrow{font-size:12px}.metric .button{font-size:13px}.amount-stage{padding-bottom:20px}.brand{margin-top:2px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}h1,h2,p{overflow-wrap:anywhere}h2.eyebrow{margin:0}.shell{flex-direction:column;display:flex}.bento{flex:1}.stake-form{flex-direction:column;flex:1;gap:24px;display:flex}.amount-entry{margin-top:auto}.amount-entry .amount-label{margin-bottom:14px;display:block}.amount-stage{gap:40px}.wallet-address{border:var(--line);background:#fff;padding:11px 12px;font-size:13px}.network-label{gap:8px}.network-dot{background:#16181d;width:6px;height:6px;display:block}.wrong-network .network-dot{background:#bc541c}.refresh-button{gap:7px}.refresh-button>span:first-child{font-size:19px;line-height:1}.contract-link{border:var(--line);place-items:center;width:32px;height:32px;text-decoration:none;display:grid}.notice{border:var(--line);background:#fff7e9;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;font-size:14px;line-height:1.5;display:flex}.notice>span:first-child{flex:1}.text-button{color:var(--ink);background:0 0;border:0;padding:4px 0;font-weight:600;text-decoration:underline}.icon-button{min-width:40px;min-height:40px;color:var(--ink);background:0 0;border:0;font-size:24px;line-height:1}.form-error,.error-notice{color:#982a1f}.text-link{text-underline-offset:4px;font-size:13px}.wallet-dialog{border:var(--line);width:440px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 48px);color:var(--ink);box-shadow:8px 8px 0 var(--ink);background:#fff;padding:24px;overflow-y:auto}.wallet-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#16181d66}.dialog-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.dialog-top h2{letter-spacing:-.03em;margin:0;font-size:24px}.dialog-heading,.transaction-title{align-items:center;gap:10px;display:flex}.dialog-intro{color:var(--muted);margin:10px 0 24px;font-size:14px;line-height:1.5}.wallet-list{gap:10px;display:grid}.wallet-choice{border:var(--line);text-align:left;background:#fff;align-items:center;gap:14px;min-height:76px;padding:14px;display:flex}.wallet-choice:hover:not(:disabled){background:var(--paper)}.wallet-choice>span:nth-last-child(2){flex:1}.wallet-choice strong,.wallet-choice small{display:block}.wallet-choice strong{font-size:15px}.wallet-choice small{color:var(--muted);margin-top:5px;font-size:12px;line-height:1.4}.wallet-choice>img{object-fit:contain;flex-shrink:0}.wallet-glyph{background:var(--paper);border:1px solid var(--ink);flex-shrink:0;place-items:center;width:32px;height:32px;font-size:22px;display:grid}.wallet-glyph.wc{color:#155ecc;background:#e9f2ff;border-color:#155ecc;font-size:30px}.wallet-empty{color:var(--muted);margin:0 0 6px;font-size:14px;line-height:1.65}.dialog-footer{color:var(--muted);margin:22px 0 12px;font-size:12px;line-height:1.6}.transaction-panel{flex-direction:column;flex:1;justify-content:space-between;gap:24px;display:flex}.transaction-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.step-label{color:var(--muted);white-space:nowrap;font:12px Red Hat Mono,monospace}.transaction-body{min-width:0;padding:24px 0}.transaction-body h1{letter-spacing:-.045em;margin:20px 0 14px;font-size:clamp(26px,3vw,40px);font-weight:600;line-height:1.1}.transaction-body p{color:var(--muted);margin:14px 0 0;font-size:14px;line-height:1.65}.status-tag{color:#305d3e;background:#eff6ee;border:1px solid #305d3e;padding:6px 9px;font-size:12px;font-weight:600;display:inline-block}.review-details{border-top:var(--line);margin:24px 0}.review-details>div{border-bottom:1px solid #d8d7d0;justify-content:space-between;gap:18px;padding:13px 0;font-size:13px;line-height:1.5;display:flex}.review-details dt{color:var(--muted);flex-shrink:0}.review-details dd{text-align:right;overflow-wrap:anywhere;min-width:0;margin:0;font-weight:500}.transaction-actions{gap:10px;display:grid}.transaction-link{overflow-wrap:anywhere;text-underline-offset:4px;margin-top:20px;font-size:12px;line-height:1.5;display:inline-block}.result-mark{border:var(--line);background:#e7f1e6;place-items:center;width:52px;height:52px;font-size:30px;display:grid}.result-mark.neutral{background:var(--accent)}.error-mark{background:#f8e5e1}.spinner{border:2px solid #ddd9d0;border-top-color:var(--ink);border-right-color:var(--ink);border-radius:50%;width:44px;height:44px;animation:1s linear infinite spin;display:block}.transaction-body .transaction-error{color:#982a1f}.metric-value small{white-space:nowrap}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:680px){.nav-actions{gap:6px}.topbar{gap:12px}.wallet-address{min-height:38px;padding:10px 8px;font-size:12px}.button{padding:8px 10px;font-size:12px}.brand{gap:6px;font-size:12px}.refresh-label,.social-label{display:none}.social-link{width:40px;padding:8px}.refresh-button{padding:8px}.stake-form,.transaction-panel{min-height:394px}.transaction-body{padding:12px 0}.notice{padding:10px 12px;font-size:13px}.wallet-dialog{box-shadow:4px 4px 0 var(--ink);padding:20px}.dialog-top h2{font-size:20px}}