*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0a0a;--surface: #111111;--surface2: #1a1a1a;--border: #222222;--gold: #7C5CF0;--gold-dim: rgba(124, 92, 240, .15);--gold-dim2: rgba(124, 92, 240, .08);--green: #00C896;--green-dim: rgba(0, 200, 150, .12);--red: #FF3B3B;--red-dim: rgba(255, 59, 59, .12);--text: #e8e8e8;--text-muted: #666;--text-dim: #999;--grid: #1e1e1e;--font-heading: "Syne", sans-serif;--font-subtitle: "Syne", sans-serif;--font-number: "DM Mono", monospace}:root.light{--bg: #F4F1EB;--surface: #FFFFFF;--surface2: #EDE9E0;--border: #D8D2C4;--gold: #5E3FD8;--gold-dim: rgba(94, 63, 216, .12);--gold-dim2: rgba(94, 63, 216, .06);--green: #009E72;--green-dim: rgba(0, 158, 114, .12);--red: #D93030;--red-dim: rgba(217, 48, 48, .1);--text: #1A1A1A;--text-muted: #888888;--text-dim: #555555;--grid: #E0DAD0}:root.light .recharts-cartesian-grid line{stroke:var(--grid)!important}:root.light .recharts-tooltip-wrapper .recharts-default-tooltip{background:var(--surface)!important;border-color:var(--border)!important}:root.light input[type=range]{accent-color:var(--gold)}html,body{height:100%;background:var(--bg);color:var(--text);font-family:var(--font-subtitle, "Syne", sans-serif);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading, "Syne", sans-serif)!important}#root{height:100%}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#333}button{cursor:pointer;font-family:Syne,sans-serif}input,select,textarea{font-family:Syne,sans-serif}.fade-in{animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.gold-text{color:var(--gold)}.green-text{color:var(--green)}.red-text{color:var(--red)}.muted{color:var(--text-muted)}.dim{color:var(--text-dim)}