:root{--text:#5b6472;--text-h:#12151a;--bg:#f5f6f8;--surface:#fff;--border:#e4e7ec;--code-bg:#fff;--accent:#b9790c;--accent-bg:#b9790c1a;--accent-border:#b9790c59;--buy:#0f9d58;--buy-bg:#0f9d581a;--buy-border:#0f9d5859;--sell:#d33a2c;--sell-bg:#d33a2c1a;--sell-border:#d33a2c59;--social-bg:#e4e7ec80;--shadow:#1018280f 0 4px 12px -2px, #1018280a 0 2px 4px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:16px/145% var(--sans);letter-spacing:.1px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:15px}}#root{min-height:100svh}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:600}h1{letter-spacing:-.3px;margin:0;font-size:24px}h2{letter-spacing:-.1px;margin:0 0 8px;font-size:18px;line-height:118%}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--social-bg);padding:4px 8px;font-size:14px;line-height:135%}.app{text-align:left;max-width:720px;margin:0 auto;padding:20px 16px 64px}.app-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand-mark{background:var(--accent-bg);width:36px;height:36px;color:var(--accent);border-radius:10px;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:inline-flex}.header-right{align-items:center;gap:8px;display:flex}.icon-btn{background:var(--surface);border:1px solid var(--border);width:36px;height:36px;color:var(--text);border-radius:8px;justify-content:center;align-items:center;padding:0;display:inline-flex}.hint{color:var(--text);opacity:.85;font-size:.88em}.error{color:var(--sell);font-size:.9em}.bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bar input{border:1px solid var(--border);background:var(--surface);color:inherit;border-radius:6px;padding:6px 8px}.balance-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;flex-direction:column;gap:2px;margin-bottom:16px;padding:18px 20px;display:flex}.balance-label{color:var(--text);opacity:.8;font-size:.85em}.balance-amount{color:var(--text-h);letter-spacing:-.4px;font-size:28px;font-weight:700}.tabs{background:var(--social-bg);border-radius:12px;gap:4px;margin-bottom:16px;padding:4px;display:flex}.tab{color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;padding:10px;font-weight:600}.tab-active.tab-buy{background:var(--buy);color:#fff}.tab-active.tab-sell{background:var(--sell);color:#fff}.grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:24px;display:grid}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;padding:18px}.card h3{color:var(--text-h);margin-top:0;font-size:16px}.card label{margin-bottom:10px;font-size:.85em;display:block}.card input{border:1px solid var(--border);background:var(--bg);width:100%;color:inherit;box-sizing:border-box;border-radius:8px;margin-top:4px;padding:8px 10px;display:block}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row>label{flex:1}button{cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text-h);border-radius:8px;padding:8px 14px;font-weight:600}button:disabled{opacity:.5;cursor:not-allowed}.btn-buy{background:var(--buy);border-color:var(--buy);color:#fff}.btn-sell{background:var(--sell);border-color:var(--sell);color:#fff}table{border-collapse:collapse;width:100%;font-size:.9em}th,td{text-align:left;border-bottom:1px solid var(--border);padding:8px}.trade-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.trade-card-header h3{margin:0}.status-pill{white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:.78em;font-weight:600}.status-warn{background:var(--accent-bg);color:var(--accent)}.status-info{color:#2563eb;background:#3b82f61f}.status-success{background:var(--buy-bg);color:var(--buy)}.status-danger{background:var(--sell-bg);color:var(--sell)}.status-muted{background:var(--social-bg);color:var(--text)}
