@import "https://fonts.googleapis.com/css2?family=Instrument+Serif:ital,wght@0,400;1,400&display=swap";@import "https://cdn.jsdelivr.net/npm/geist@1.3.1/dist/fonts/geist-sans/style.css";@import "https://cdn.jsdelivr.net/npm/geist@1.3.1/dist/fonts/geist-mono/style.css";:root{--purple:#c77dff;--purple-dark:#9d4edd;--purple-glow:#c77dff26;--bg:#f7f4ef;--bg2:#f2ede4;--bg3:#ebe4d5;--border:#c77dff26;--border2:#1a181514;--text:#1a1815;--muted:#6b6560;--muted2:#8a8272;--green:#4a9d5b;--red:#b04b4b;--sans:"Geist", -apple-system, BlinkMacSystemFont, sans-serif;--mono:"Geist Mono", "SF Mono", Menlo, monospace;--display:"Instrument Serif", Georgia, serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--sans);background:var(--bg);color:var(--text);min-height:100vh;padding:24px;line-height:1.5}.app{max-width:800px;margin:0 auto}.header{border-bottom:1px solid var(--border2);justify-content:space-between;align-items:center;margin-bottom:40px;padding-bottom:24px;display:flex}.brand{font-family:var(--display);color:var(--text);letter-spacing:-.5px;font-size:32px}.brand em{color:var(--purple-dark);font-style:italic}.tagline{font-family:var(--mono);color:var(--muted);letter-spacing:2px;text-transform:uppercase;margin-top:4px;font-size:11px}.card{border:1px solid var(--border2);background:#fff;border-radius:12px;margin-bottom:20px;padding:24px;box-shadow:0 1px 3px #00000008}.card-title{font-family:var(--display);color:var(--text);margin-bottom:4px;font-size:24px}.card-subtitle{font-family:var(--mono);color:var(--muted);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:20px;font-size:11px}.stats-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px;display:grid}.stat{background:var(--bg2);border:1px solid var(--border2);border-radius:8px;padding:16px}.stat-label{font-family:var(--mono);color:var(--muted);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:6px;font-size:10px}.stat-value{font-family:var(--display);color:var(--text);font-size:24px}.stat-value.mono{font-family:var(--mono);font-size:18px}.trade{grid-template-columns:1fr 1fr;gap:20px;display:grid}.trade-panel{background:var(--bg2);border:1px solid var(--border2);border-radius:8px;padding:20px}.trade-panel h3{font-family:var(--display);color:var(--text);margin-bottom:12px;font-size:20px}.input-group{margin-bottom:12px}.input-label{font-family:var(--mono);color:var(--muted);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:6px;font-size:10px;display:block}.input{width:100%;font-family:var(--mono);border:1px solid var(--border2);color:var(--text);background:#fff;border-radius:6px;padding:10px 12px;font-size:14px}.input:focus{border-color:var(--purple);box-shadow:0 0 0 3px var(--purple-glow);outline:none}.estimate{font-family:var(--mono);color:var(--muted);border:1px solid var(--border2);background:#fff;border-radius:6px;margin-bottom:12px;padding:8px 12px;font-size:12px}.estimate strong{color:var(--text);font-weight:600}.btn{width:100%;font-family:var(--sans);cursor:pointer;background:var(--purple-dark);color:#fff;border:none;border-radius:8px;padding:12px;font-size:14px;font-weight:600;transition:all .15s}.btn:hover:not(:disabled){background:var(--purple);transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.status{font-family:var(--mono);border-radius:8px;margin-top:16px;padding:12px 16px;font-size:12px}.status.pending{color:#8a5a0e;background:#d4841c1a;border:1px solid #d4841c33}.status.success{color:var(--green);background:#4a9d5b1a;border:1px solid #4a9d5b33}.status.error{color:var(--red);background:#b04b4b1a;border:1px solid #b04b4b33}.status a{color:inherit;text-decoration:underline}.balances{background:var(--bg2);border:1px solid var(--border2);border-radius:8px;gap:24px;margin-bottom:20px;padding:16px 20px;display:flex}.balance-item{flex:1}.balance-label{font-family:var(--mono);color:var(--muted);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:4px;font-size:10px}.balance-value{font-family:var(--mono);color:var(--text);font-size:16px;font-weight:600}.disconnected{text-align:center;font-family:var(--display);color:var(--muted);padding:40px 20px;font-size:20px}.notice{color:#8a5a0e;font-family:var(--mono);letter-spacing:.5px;text-align:center;background:#d4841c14;border:1px solid #d4841c33;border-radius:8px;margin-bottom:20px;padding:12px 16px;font-size:11px}@media (width<=640px){body{padding:12px}.stats-grid,.trade{grid-template-columns:1fr}.brand{font-size:24px}}