:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#1a1a1a;background-color:#f4f5f7;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background-color:#f4f5f7;color:#1a1a1a}h1{font-size:1.8em;line-height:1.2;margin:0}button{border-radius:8px;border:1px solid #d0d0d0;padding:.5em 1em;font-size:.95em;font-weight:500;font-family:inherit;background-color:#fff;color:#1a1a1a;cursor:pointer;transition:border-color .25s,background-color .2s}button:hover{border-color:#646cff;background-color:#f0f0ff}input,select{color:#1a1a1a;background-color:#fff;border:1px solid #d0d0d0;border-radius:6px;padding:.4em .6em;font-size:.95em;font-family:inherit}.quad-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:12px;width:100%;height:calc(100vh - 150px);box-sizing:border-box;margin-bottom:24px}@media(max-width:720px){.quad-grid{grid-template-columns:1fr;grid-template-rows:none;height:auto}}.chart-area{flex:1;min-height:240px}@media(max-width:720px){.chart-area{height:300px;flex:none}}table{color:#1a1a1a}