:root{--bg:#f6f7f9;--surface:#fff;--text:#111827;--muted:#6b7280;--border:#d9dde3;--accent:#2563eb;--accent-text:#fff;--danger:#dc2626;--hint-bg:#fef9c3;--hint-text:#713f12;--meter-low:#16a34a;--meter-mid:#eab308;--meter-high:#dc2626;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0f1115;--surface:#181b21;--text:#e5e7eb;--muted:#9ca3af;--border:#2d323b;--accent:#3b82f6;--danger:#f87171;--hint-bg:#3a3212;--hint-text:#fde68a}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}.app{max-width:34rem;margin:0 auto;padding:2rem 1rem 4rem}h1{margin:0 0 .25rem;font-size:1.75rem}.lead,.muted{color:var(--muted);margin:0}.hint{background:var(--hint-bg);color:var(--hint-text);border-radius:.5rem;padding:.6rem .8rem;font-size:.9rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;flex-direction:column;gap:1.25rem;padding:1.25rem;display:flex}.field{flex-direction:column;gap:.4rem;display:flex}.field-label{justify-content:space-between;font-size:.9rem;font-weight:600;display:flex}output{font-variant-numeric:tabular-nums;font-weight:400}select{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:.5rem;width:100%;padding:.5rem}input[type=range]{width:100%;accent-color:var(--accent)}.meter{border:1px solid var(--border);background:linear-gradient(90deg, var(--meter-low) 0 60%, var(--meter-mid) 60% 85%, var(--meter-high) 85%);border-radius:999px;height:.75rem;overflow:hidden}.meter-bar{background:var(--bg);transform-origin:100%;width:100%;height:100%;margin-left:auto;transform:scaleX(1)}.filters{border:1px solid var(--border);border-radius:.5rem;flex-direction:column;gap:.3rem;margin:0;padding:.5rem .8rem .7rem;display:flex}.filters legend{padding:0 .3rem;font-size:.9rem;font-weight:600}.checkbox{align-items:center;gap:.5rem;display:flex}.checkbox input{accent-color:var(--accent)}button.primary{font:inherit;background:var(--accent);color:var(--accent-text);cursor:pointer;border:none;border-radius:.5rem;padding:.7rem;font-weight:600}button.primary.stop{background:var(--danger)}button.primary:disabled{opacity:.6;cursor:progress}.alert{color:var(--danger);margin:0}
