:root{--bg-base:#060b08;--bg-surface:#0c1510;--bg-input:#111d16;--border-subtle:#1a2b20;--border-focus:#2a4534;--text-primary:#e6ebe8;--text-secondary:#6e8576;--accent-cool:#a8c4d4;--accent-warm:#d4b6a8;--accent-base:#d4c4a8;--accent-champagne:var(--accent-base);--status-up:#4e9a6a;--status-down:#c95a5a;--status-warn:#d4a853;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--accent-vitality:#6b8c9e1a;--transition-market:.3s ease;--transition-user:.12s ease-out}body{background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.tabular-nums{font-variant-numeric:tabular-nums}.data-cell{contain:layout style paint}.price-ticker{letter-spacing:-.04em;will-change:color;text-align:center;min-width:14ch;font-size:clamp(3rem,10vw,4rem);font-weight:200;transition:color .2s ease-out;display:inline-block}.price-ticker[data-direction=up]{color:var(--status-up)}.price-ticker[data-direction=down]{color:var(--status-down)}.price-ticker[data-direction=neutral]{color:var(--text-primary)}.price-ticker--loading{background:linear-gradient(90deg, var(--bg-surface) 25%, var(--bg-input) 50%, var(--bg-surface) 75%);border-radius:var(--radius-sm);color:#0000;-webkit-user-select:none;user-select:none;background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.connection-status{text-transform:uppercase;letter-spacing:.15em;color:var(--text-secondary);background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:center;gap:8px;padding:8px 16px;font-size:.75rem;font-weight:500;display:inline-flex;position:fixed;top:1.5rem;left:50%;transform:translate(-50%)}.connection-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}[data-status=resyncing] .connection-dot{background:var(--status-warn);animation:.8s ease-in-out infinite pulse-resync}[data-status=disconnected] .connection-dot{background:var(--status-down)}[data-status=initializing] .connection-dot{background:var(--text-secondary);animation:1s ease-in-out infinite pulse-init}@keyframes pulse-resync{0%,to{opacity:1}50%{opacity:.3}}@keyframes pulse-init{0%,to{opacity:.4}50%{opacity:1}}.order-input-container{background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);box-sizing:border-box;flex-direction:column;align-items:center;gap:.75rem;width:100%;padding:1.5rem;display:flex}.order-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem}.order-input{background:var(--bg-input);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:var(--radius-md);text-align:center;box-sizing:border-box;outline:none;width:100%;padding:1rem;font-size:1.5rem;transition:all .3s}.order-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 1px var(--border-focus)}.action-button{border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;letter-spacing:.05em;background:0 0;margin-top:1rem;padding:.75rem 1.5rem;font-size:.875rem;transition:all .2s}.action-button:hover{background:var(--bg-input);color:var(--text-primary);border-color:var(--border-focus)}.chart-toggles{justify-content:center;gap:1rem;width:100%;margin-bottom:1rem;display:flex}.chart-toggle-btn{color:var(--text-secondary);letter-spacing:.15em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;padding:.25rem 0;font-size:.65rem;transition:color .2s;position:relative}.chart-toggle-btn[data-active=true]{color:var(--accent-champagne)}.chart-toggle-btn[data-active=true]:after{content:"";background:var(--accent-champagne);width:100%;height:1px;position:absolute;bottom:-4px;left:0}.fsm-panel{animation:fsmSlideIn var(--transition-user) forwards;will-change:transform, opacity}@keyframes fsmSlideIn{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}