:root{color-scheme:light dark;--color-bg: #ffffff;--color-text: #111111;--color-accent: #646cff;--color-accent-hover: #4c50ff;--color-button-bg: #f2f2f2;--color-button-border: #cccccc}:root[data-theme=dark]{--color-bg: #1e1e1e;--color-text: #f5f5f5;--color-accent: #8899ff;--color-accent-hover: #aab3ff;--color-button-bg: #2a2a2a;--color-button-border: #555555}html,body,#root{width:100%;min-height:100vh;margin:0;padding:0;background-color:var(--color-bg);color:var(--color-text);font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;transition:background-color .3s ease,color .3s ease}h1{font-size:2.5rem;margin-bottom:1rem}h2{font-size:1rem;font-weight:400;line-height:1.6;margin:0 auto 2rem;max-width:800px}button{border-radius:8px;border:1px solid var(--color-button-border);padding:.6em 1.2em;font-size:1em;font-weight:500;background-color:var(--color-button-bg);color:var(--color-text);cursor:pointer;transition:background-color .25s,border-color .25s,color .25s}button:hover{border-color:var(--color-accent-hover);color:var(--color-accent-hover)}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover)}.button-group{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin:1rem 0 2rem}.recharts-responsive-container{background-color:var(--color-bg);border:1px solid var(--color-button-border);border-radius:12px;padding:1rem}#root{width:100%;max-width:100vw;margin:0 auto;padding:1rem;box-sizing:border-box;overflow-x:hidden}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}