:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.app{width:min(960px,100%);margin:0 auto;padding:2.5rem clamp(1.5rem,4vw,3rem);display:flex;flex-direction:column;gap:2rem;color:#111827}.app__header h1{margin:0;font-size:clamp(2rem,4vw,2.75rem);color:#111827}.app__header p{margin:.5rem 0 0;color:#4b5563;font-size:1rem}.panel{background:#ffffffeb;border-radius:16px;border:1px solid rgba(17,24,39,.08);box-shadow:0 20px 45px -25px #0f172a59;padding:clamp(1.5rem,3vw,2rem);display:flex;flex-direction:column;gap:1.5rem}.panel h2{margin:0;font-size:1.25rem;color:#1f2937}.controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.control{display:flex;flex-direction:column;gap:.5rem;font-size:.95rem;color:#374151}.control input[type=number]{border-radius:10px;border:1px solid #d1d5db;padding:.75rem .85rem;font-size:1rem;font-weight:500;background:#f9fafb;transition:border-color .2s ease,box-shadow .2s ease}.control input[type=number]:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e533;outline:none;background:#fff}.control input[type=range]{width:100%;accent-color:#4f46e5;height:6px;border-radius:999px;background:linear-gradient(to right,#4f46e5b3,#3b82f6b3);border:none;padding:0;margin-top:.25rem}.control input[type=range]::-webkit-slider-thumb{height:20px;width:20px;border-radius:50%;background:#4338ca;border:2px solid #ffffff;box-shadow:0 2px 6px #4338ca59;cursor:pointer;appearance:none}.control input[type=range]::-moz-range-thumb{height:20px;width:20px;border-radius:50%;background:#4338ca;border:2px solid #ffffff;box-shadow:0 2px 6px #4338ca59;cursor:pointer}.control input[type=range]:focus-visible{outline:3px solid rgba(129,140,248,.45);outline-offset:2px}.summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.25rem}.summary div{display:flex;flex-direction:column;gap:.25rem;padding:.75rem 1rem;border-radius:12px;background:#f3f4f6;border:1px solid rgba(17,24,39,.05)}.summary span{color:#6b7280;font-size:.85rem;letter-spacing:.02em;text-transform:uppercase}.summary strong{font-size:1.35rem;color:#111827;font-weight:600}.chart-container{width:100%;height:360px}.empty-state{margin:0;padding:1rem;color:#6b7280;text-align:center}.note{text-align:center;font-size:.85rem;color:#6b7280}@media(prefers-color-scheme:dark){.app,.app__header h1{color:#f9fafb}.app__header p{color:#d1d5db}.panel{background:#1e293bd9;border-color:#94a3b840;box-shadow:0 20px 45px -25px #0f172a99}.panel h2{color:#e2e8f0}.control{color:#e5e7eb}.control input[type=number]{background:#0f172a99;border-color:#94a3b859;color:#f9fafb}.control input[type=number]:focus{background:#0f172ad9}.summary div{background:#0f172a8c;border-color:#94a3b840}.summary span{color:#cbd5f5}.summary strong{color:#f9fafb}.empty-state{color:#cbd5f5}.note{color:#94a3b8}.control input[type=range]{background:linear-gradient(to right,#818cf8b3,#60a5fab3)}}@media(max-width:640px){.app{padding:1.75rem 1.25rem 2.5rem;gap:1.5rem}.panel{padding:1.25rem 1.1rem;gap:1.25rem}.controls{grid-template-columns:1fr;gap:1.25rem}.summary{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.chart-container{height:280px}}