:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#121212;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{min-width:320px;min-height:100vh;margin:0;display:flex}#root{width:100%}.container{flex-direction:column;gap:2rem;max-width:1200px;margin:0 auto;padding:2rem;display:flex}header{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:2rem;box-shadow:0 4px 30px #00000080}h1{background:-webkit-linear-gradient(45deg,#ff6b6b,#4ecdc4);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:2.5rem}p{color:#aaa;margin-bottom:1.5rem;font-size:1.1rem}button{color:#1a1a1a;cursor:pointer;background-color:#4ecdc4;border:1px solid #0000;border-radius:8px;padding:.8em 2em;font-family:inherit;font-size:1.2rem;font-weight:600;transition:all .25s}button:hover:not(:disabled){background-color:#3baba3;transform:translateY(-2px);box-shadow:0 5px 15px #4ecdc466}button:disabled{color:#888;cursor:not-allowed;background-color:#555}.charts{flex-direction:column;gap:2rem;display:flex}.chart-container{background:#ffffff08;border:1px solid #ffffff0d;border-radius:16px;padding:1.5rem;box-shadow:0 8px 32px #0000004d}.chart-container h2{color:#e0e0e0;margin-top:0;margin-bottom:1rem;font-size:1.5rem}.chart-wrapper{width:100%;height:400px;position:relative}.tabs{justify-content:center;gap:1rem;margin-bottom:2rem;display:flex}.tabs button{color:#aaa;background-color:#0000;border:1px solid #fff3}.tabs button.active{color:#1a1a1a;background-color:#4ecdc4;border-color:#4ecdc4}