@font-face{font-family:Inter;src:url(/fonts/Inter-Variable.ttf) format("truetype");font-weight:100 900}@font-face{font-family:VCR;src:url(/fonts/VCR.ttf) format("truetype")}:root{--bg: #f5f5f4;--card: #ffffff;--ink: #111111;--muted: #6b6b6b;--line: #e3e3e0;--accent: #00e599;--accent-ink: #0a3d2b;--danger: #c62828;--radius: 14px;--font: "Inter", system-ui, sans-serif;--mono: "VCR", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line);background:var(--card)}.brand{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:20px;text-decoration:none}.brand img{width:28px;height:28px}.header-end{display:flex;align-items:center;gap:12px}.switch{font-size:13px;color:var(--muted);text-decoration:none;white-space:nowrap}.switch:hover{color:var(--ink);text-decoration:underline}.band{background:var(--accent);color:#000;font-size:13px;font-weight:600;text-align:center;padding:6px 16px}.band a{color:#000}.coming-soon{justify-items:center;text-align:center;padding:32px 16px;margin-top:32px}.coming-soon h1{font-family:var(--mono);font-size:22px;font-weight:400;margin:0;text-wrap:balance}.coming-soon .btn{display:block;text-decoration:none}.coming-soon p{margin:0}.tabs{display:flex;gap:4px}.tab{padding:8px 12px;border-radius:10px;text-decoration:none;color:var(--muted)}.tab.active{background:var(--bg);color:var(--ink);font-weight:600}.btn{border:1px solid var(--ink);background:var(--ink);color:#fff;padding:12px 16px;border-radius:12px;font-weight:600;width:100%}.btn.secondary{background:var(--card);color:var(--ink)}.btn.small{width:auto;padding:8px 12px;font-size:14px}.btn.accent{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.page{max-width:440px;margin:0 auto;padding:24px 16px 64px}.page.wide{max-width:720px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.page>.card+.card{margin-top:16px}.row{display:flex;align-items:center;justify-content:space-between;gap:8px}.muted{color:var(--muted);font-size:13px}.mono{font-family:var(--mono)}p.mono{overflow-wrap:anywhere}.error{color:var(--danger);font-size:13px}.stack{display:grid;gap:12px}.notice{border-radius:12px;padding:10px 14px;font-size:13px;margin-bottom:16px;border:1px solid var(--line);background:var(--card)}.notice.ok{border-color:var(--accent);background:#ecfdf5;color:var(--accent-ink)}.notice.warn{border-color:#f0c36d;background:#fff8e6;color:#5c4400}.prose h2{font-family:var(--mono);font-size:18px;margin:0 0 8px}.prose p,.prose li{font-size:14px;line-height:1.55;margin:0 0 8px}.prose ul,.prose ol{padding-left:20px;margin:0 0 8px}.prose code{font-family:var(--mono);font-size:13px}.amount{border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--bg)}.amount input{width:100%;border:0;background:transparent;font-family:var(--mono);font-size:28px;outline:none}.amount input:read-only{color:var(--muted)}.amount .token{font-weight:700}.flip{display:flex;justify-content:center;margin:-6px 0}.flip button{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:var(--card)}.summary{display:grid;gap:6px;font-size:13px;margin-top:12px}.segment{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}.segment button{border:0;background:transparent;padding:6px 10px;font-size:13px}.segment button.on{background:var(--ink);color:#fff}.segment input{width:64px;border:0;padding:6px;font-size:13px}@media (max-width: 520px){.tabs{order:3;width:100%;justify-content:center}.tab{padding:8px 10px}}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (min-width: 600px){.stats{grid-template-columns:repeat(3,1fr)}}.stat .label{font-size:12px;color:var(--muted)}.stat .value{font-family:var(--mono);font-size:20px;margin-top:4px;word-break:break-all}.stat .sub{font-size:12px;color:var(--muted)}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;padding:16px;z-index:10}.modal{background:var(--card);border-radius:var(--radius);padding:20px;width:100%;max-width:400px}.connect{display:flex;flex-direction:column;align-items:flex-end;gap:4px;max-width:100%}.connect .error{text-align:right}