@font-face{font-family:Die Grotesk;src:url(/assets/fonts/die-grotesk-vf-roman.woff2)format("woff2");font-display:swap;font-style:normal;font-weight:100 900}:root{--bg:#0a0a0b;--surface:#141416;--surface-2:#1d1d20;--line:#ffffff1a;--line-strong:#fff3;--text:#fff;--text-soft:#dedede;--muted:#8e8e93;--coral:#ff8566;--coral-hover:#ff987d;--positive:#64d982;--negative:#ff6f6f;--warning:#f6c66d;--radius:8px;--font:"Die Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;background:var(--bg);color:var(--text);font-family:var(--font);text-rendering:optimizelegibility}body{min-height:100svh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled,input:disabled{cursor:not-allowed;opacity:.45}button.button:disabled{border-color:var(--line);color:var(--muted);background:#ffffff0d}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--coral);outline-offset:2px}.app{min-height:100svh}.site-header{grid-template-columns:minmax(170px,1fr) auto minmax(170px,1fr);align-items:center;gap:20px;width:100%;max-width:1180px;margin:0 auto;padding:22px 24px;display:grid}.brand{justify-self:start;align-items:center;gap:9px;min-width:0;display:inline-flex}.brand img{width:auto;height:22px;display:block}.brand strong{color:var(--text);font-size:22px;font-weight:700;line-height:1}.tabs{border:1px solid var(--line);border-radius:var(--radius);background:#ffffff0a;align-items:center;gap:2px;padding:3px;display:inline-flex}.tabs button{color:var(--muted);background:0 0;border:0;border-radius:6px;min-width:78px;min-height:34px;padding:0 14px;font-size:15px;font-weight:650}.tabs button:hover,.tabs button.is-active{color:var(--text);background:#ffffff14}.button{background:var(--coral);border-radius:var(--radius);color:#1b0d08;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;min-height:40px;padding:0 16px;font-size:15px;font-weight:720;transition:background .16s,border-color .16s,color .16s;display:inline-flex}.button:hover:not(:disabled){background:var(--coral-hover)}.button-ghost{border-color:var(--line);color:var(--text-soft);background:#ffffff0a}.button-ghost:hover:not(:disabled){border-color:var(--line-strong);background:#ffffff14}.button-small{min-height:32px;padding:0 12px;font-size:13px}.wallet-button{justify-self:end;min-width:142px}.app-main{justify-content:center;align-items:flex-start;padding:26px 24px 44px;display:flex}.surface{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);width:min(760px,100%);max-width:760px;min-height:360px}.panel{padding:26px}.panel-head{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.eyebrow{color:var(--muted);text-transform:uppercase;margin-bottom:7px;font-size:13px;font-weight:760;display:block}h1{margin:0;font-size:clamp(30px,4vw,42px);line-height:1}.status-pill{border:1px solid var(--line);color:var(--muted);white-space:nowrap;background:#ffffff0d;border-radius:999px;align-items:center;min-height:32px;padding:0 12px;font-size:14px;font-weight:700;display:inline-flex}.status-pill.is-open{color:var(--positive)}.metrics{border-bottom:1px solid var(--line);border-top:1px solid var(--line);gap:0;margin:0 0 22px;display:grid}.metrics-four{grid-template-columns:repeat(4,minmax(0,1fr))}.metrics-six{grid-template-columns:repeat(3,minmax(0,1fr))}.metric{min-width:0;padding:14px 14px 13px 0}.metric dt{color:var(--muted);margin-bottom:7px;font-size:13px;font-weight:610;line-height:1.2}.metric dd{color:var(--text-soft);overflow-wrap:anywhere;min-width:0;margin:0;font-size:17px;font-weight:650;line-height:1.2}.metric dd.accent{color:var(--text)}.market-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:18px;display:grid}.market-tabs button{border:1px solid var(--line);border-radius:var(--radius);color:var(--text-soft);background:#ffffff09;justify-content:space-between;align-items:center;min-width:0;min-height:52px;padding:0 14px;display:flex}.market-tabs button:hover,.market-tabs button.is-active{border-color:var(--line-strong);color:var(--text);background:#ffffff14}.market-tabs strong,.market-tabs span{min-width:0}.market-tabs span{color:var(--muted);font-size:14px}.risk-line{color:var(--muted);margin:-6px 0 18px;font-size:14px}.action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.action-grid-single{grid-template-columns:minmax(0,1fr)}.form-section{border-top:1px solid var(--line);min-width:0;padding-top:16px}.amount-field{min-width:0;display:block}.amount-field>span{color:var(--muted);text-transform:uppercase;margin-bottom:8px;font-size:13px;font-weight:740;display:block}.amount-control{border:1px solid var(--line-strong);border-radius:var(--radius);background:#101012;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;min-height:52px;padding:8px;display:grid}.amount-control input{color:var(--text);background:0 0;border:0;outline:none;width:100%;min-width:0;padding:0 8px;font-size:24px}.amount-control em{color:var(--muted);overflow-wrap:anywhere;min-width:0;font-size:13px;font-style:normal;font-weight:740}.button-row{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.button-row .button{flex:118px}.tx-status{border:1px solid var(--line);border-radius:var(--radius);background:#ffffff0a;align-items:flex-start;gap:10px;margin-top:18px;padding:12px;display:flex}.tx-dot{background:var(--muted);border-radius:999px;flex:0 0 8px;height:8px;margin-top:6px}.tx-status strong,.tx-status small,.tx-status a{display:block}.tx-status strong{color:var(--text);margin-bottom:2px;font-size:15px}.tx-status small,.tx-status a{color:var(--muted);font-size:13px;line-height:1.35}.tx-status a{color:var(--coral);margin-top:4px}.tx-status--confirmed .tx-dot{background:var(--positive)}.tx-status--fallback .tx-dot{background:var(--warning)}.tx-status--error{border-color:#ff6f6f59}.tx-status--error .tx-dot{background:var(--negative)}.empty-state{padding:26px}.empty-state h1{margin-bottom:10px;font-size:32px}.empty-state p{color:var(--muted);margin:0 0 18px}@media (width<=760px){.site-header{grid-template-columns:1fr auto;padding:18px 16px}.tabs{grid-area:2/1/auto/-1;justify-content:stretch;width:100%}.tabs button{flex:1}.app-main{padding:12px 16px 28px}.panel{padding:20px}.panel-head{align-items:flex-start}.metrics-four,.metrics-six,.action-grid{grid-template-columns:1fr 1fr}.market-tabs{grid-template-columns:1fr}}@media (width<=520px){.site-header{gap:14px}.wallet-button{min-width:0}.brand img{height:19px}.brand strong{font-size:19px}h1{font-size:31px}.metrics-four,.metrics-six,.action-grid{grid-template-columns:1fr}.amount-control{grid-template-columns:minmax(0,1fr) auto}.amount-control .button{grid-column:1/-1}}