@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=IBM+Plex+Mono:wght@400;500;600;700&display=swap";:root{--black-pure: #000000;--black-900: #0a0a0a;--black-850: #0d0d0d;--charcoal-900: #111111;--charcoal-800: #161616;--charcoal-700: #1a1a1a;--charcoal-600: #202020;--charcoal-500: #262626;--line-subtle: #2a2a2a;--line-strong: #3a3a3a;--line-faint: #1e1e1e;--yellow: #FFE500;--yellow-hot: #FFF04D;--yellow-deep: #E6CE00;--yellow-soft: rgba(255,229,0,.14);--green: #2ecc71;--green-bright: #00c853;--green-soft: rgba(46,204,113,.16);--red: #c0392b;--crimson: #8B1A1A;--red-bright: #ff4d4d;--red-soft: rgba(192,57,43,.18);--text-primary: #ffffff;--text-secondary:#b3b3b3;--text-muted: #888888;--text-faint: #555555;--text-on-accent:#0a0a0a;--bg-base: var(--black-900);--bg-alt: var(--black-850);--surface-card: var(--charcoal-800);--surface-raised: var(--charcoal-700);--surface-hover: var(--charcoal-600);--surface-active: var(--charcoal-500);--surface-accent: var(--yellow);--border-card: var(--line-subtle);--border-focus: var(--yellow);--divider: var(--line-faint);--accent: var(--yellow);--accent-hover: var(--yellow-hot);--accent-press: var(--yellow-deep);--on-accent: var(--text-on-accent);--positive: var(--green);--positive-strong: var(--green-bright);--negative: var(--red);--danger: var(--crimson);--text-heading: var(--text-primary);--text-body: var(--text-secondary);--text-label: var(--text-muted);--text-disabled: var(--text-faint);--on-accent-heading: #0a0a0a;--on-accent-muted: rgba(10,10,10,.55);--font-ui: "Inter", system-ui, sans-serif;--font-mono: "IBM Plex Mono", "Fira Code", monospace;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--shadow-pop: 0 8px 32px rgba(0,0,0,.6), 0 2px 8px rgba(0,0,0,.4);--shadow-yellow: 0 8px 32px rgba(255,229,0,.25), 0 2px 8px rgba(255,229,0,.12);--glow-live: 0 0 8px rgba(255,229,0,.8)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg-base);color:var(--text-primary);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{min-height:100vh}input::placeholder{color:var(--text-faint)}button{cursor:pointer}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:999px}::-webkit-scrollbar-track{background:transparent}@keyframes etFadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes etPopIn{0%{opacity:0;transform:scale(.94) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes etSlideIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}@keyframes etCandle{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes etDraw{to{stroke-dashoffset:0}}@keyframes etBob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes etTicker{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes etGlare{0%{transform:translate(-160%) skew(-18deg)}60%,to{transform:translate(420%) skew(-18deg)}}@keyframes etLivePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.5)}}@keyframes etFloatGrad{0%{transform:translate(0)}50%{transform:translate(3%,4%)}to{transform:translate(0)}}@keyframes etToast{0%{opacity:0;transform:translate(-50%,18px)}to{opacity:1;transform:translate(-50%)}}@keyframes etSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes etRipple{to{transform:translate(-50%,-50%) scale(11);opacity:0}}@keyframes etCardIn{0%{opacity:0;transform:translateY(22px) scale(.97)}to{opacity:1;transform:none}}@keyframes etTabPop{0%{transform:scale(.9)}60%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes etSheen{0%{background-position:-180% 0}to{background-position:180% 0}}@keyframes etGaugeSwing{0%{transform:rotate(-46deg)}60%{transform:rotate(6deg)}to{transform:rotate(0)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important}}