:root{--c-surface: #f5efe0;--c-surface-2: #ede5d0;--c-surface-card: #fbf6e8;--c-ink: #1a1814;--c-ink-2: #4a463d;--c-ink-3: #8a8474;--c-line: #d6cdb4;--c-line-2: #c2b89a;--c-accent: #3b6bd1;--c-accent-ink: #fbf6e8;--c-accent-soft: #c8d6f3;--c-up: #2f8a5b;--c-up-soft: #d4ecdb;--c-down: #c14a3d;--c-down-soft: #f3d3ce;--c-live: #c14a3d;--r-pill: 999px;--r-card: 14px;--r-input: 12px;--f-display: "Inter Tight", ui-sans-serif, system-ui, sans-serif;--f-ui: "Inter Tight", ui-sans-serif, system-ui, sans-serif;--f-mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace}[data-theme=dark]{--c-surface: #16140f;--c-surface-2: #1f1c15;--c-surface-card: #1c1913;--c-ink: #f1ead4;--c-ink-2: #b8b09a;--c-ink-3: #7a7464;--c-line: #2e2a20;--c-line-2: #3d382b;--c-accent: #7ea5f0;--c-accent-ink: #0f1424;--c-accent-soft: #1e2c4d;--c-up: #5fc78a;--c-up-soft: #1f3a2a;--c-down: #ef7a6c;--c-down-soft: #3a221f;--c-live: #ef7a6c}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--c-surface);color:var(--c-ink);font-family:var(--f-ui);font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.page{max-width:1280px;margin:0 auto;padding:56px 48px 120px}.caps{font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.08em;font-size:11px;color:var(--c-ink-3);font-weight:500}.num{font-family:var(--f-mono);font-feature-settings:"tnum"}.display{font-family:var(--f-display);font-weight:700;letter-spacing:-.03em;line-height:1}.pill-mono{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:var(--r-pill);background:transparent;border:1px solid var(--c-line-2);font-family:var(--f-mono);font-size:12px;color:var(--c-ink-2);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background 60ms,color 60ms,border-color 60ms}.pill-mono:hover{color:var(--c-ink)}.pill-mono.is-active{background:var(--c-accent);border-color:var(--c-accent);color:var(--c-accent-ink)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:18px 28px;border-radius:var(--r-pill);background:var(--c-ink);color:var(--c-surface-card);border:none;font-family:var(--f-ui);font-weight:600;font-size:16px;cursor:pointer;transition:transform 60ms}.btn-primary:hover:not(:disabled){transform:translateY(-1px)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.field{display:flex;align-items:center;gap:8px;background:var(--c-surface);border:1px solid var(--c-line-2);border-radius:var(--r-input);padding:0 8px 0 14px;height:48px;font-family:var(--f-mono);font-size:16px;color:var(--c-ink);transition:border-color 80ms}.field:focus-within{border-color:var(--c-accent)}.field input{background:transparent;border:none;outline:none;flex:1;font:inherit;color:inherit;min-width:0;font-feature-settings:"tnum"}.field .suffix{color:var(--c-ink-3);font-size:12px;white-space:nowrap}.field .field-end{display:grid;align-items:center;flex-shrink:0}.field .field-end>*{grid-column:1;grid-row:1;justify-self:end}.field .field-end .commit-btn,.field .field-end .suffix{visibility:hidden;pointer-events:none}.field .field-end.is-focused .commit-btn,.field .field-end:not(.is-focused) .suffix{visibility:visible;pointer-events:auto}.field .commit-btn{flex-shrink:0;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;background:var(--c-accent);color:var(--c-accent-ink);border:none;border-radius:999px;cursor:pointer;font-family:var(--f-mono);font-weight:600;font-size:22px;line-height:1;padding:0;transition:transform 60ms}.field .commit-btn:hover{transform:translateY(-1px)}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.dot.pulse{animation:pulse 1.4s ease-in-out infinite}.wf{background:var(--c-surface);border:1px solid var(--c-line);border-radius:16px;padding:28px;display:grid;grid-template-columns:1fr;gap:20px}.wf-card{background:var(--c-surface-card);border:1px solid var(--c-line);border-radius:var(--r-card);padding:22px 24px}.wf-main .wf-card+.wf-card{margin-top:16px}.card-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:16px}.card-head .lhs>.display{font-size:32px;line-height:1;letter-spacing:-.03em;font-weight:700}.card-head .lhs>.caps:first-child{margin-bottom:6px}.card-head .lhs>.caps:last-child{margin-top:4px}.slider-svg{width:100%;display:block;touch-action:none}.slider-handle{cursor:grab}.slider-handle:active{cursor:grabbing}.quote-card{background:var(--c-accent);border-color:var(--c-accent);color:var(--c-accent-ink)}.quote-card .quote-grid{display:grid;grid-template-columns:1.1fr 1fr 1.1fr;gap:24px;align-items:center}.quote-card .eyebrow{display:flex;align-items:center;gap:8px;margin-bottom:4px;font-family:var(--f-mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--c-accent-ink)}.quote-card .eyebrow .dot{width:8px;height:8px;border-radius:50%;background:currentColor}.quote-card .big-price{font-family:var(--f-display);font-size:56px;font-weight:800;letter-spacing:-.04em;line-height:1;color:var(--c-accent-ink);min-height:56px;font-feature-settings:"tnum"}.quote-card .big-price .unit{font-family:var(--f-mono);font-weight:400;font-size:13px;color:var(--c-accent-ink);opacity:.55;letter-spacing:0;margin-left:6px}.quote-card .summary{font-family:var(--f-mono);font-size:13px;line-height:1.9;color:var(--c-accent-ink);font-feature-settings:"tnum";min-height:74.1px}.quote-card .summary .err{color:var(--c-down-soft)}.quote-card.is-loading .big-price,.quote-card.is-loading .summary{opacity:.55;transition:opacity .12s}.quote-card .btn-primary{justify-self:end}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;padding:0 4px}.wordmark{font-family:var(--f-display);font-weight:800;font-size:28px;line-height:1;letter-spacing:-.035em;color:var(--c-ink)}.wordmark .br{color:var(--c-accent)}.topbar .right{display:flex;align-items:center;gap:14px;font-family:var(--f-mono);font-size:12px;color:var(--c-ink-3);font-feature-settings:"tnum"}.topbar .asset{display:flex;align-items:center;gap:14px}.topbar .asset .px{font-family:var(--f-mono);font-size:13px;color:var(--c-ink-3);font-feature-settings:"tnum"}.conn-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--c-ink-3);margin-right:2px;vertical-align:middle}.conn-dot.is-live{background:var(--c-up)}.conn-dot.is-down{background:var(--c-down)}
