:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d1117;--bg-raise:#161b22;--bg-panel:#1c2230;--border:#2d3646;--text:#e6e9ef;--text-dim:#8b94a3;--accent:#4ade80;--accent-dim:#4ade8024;--danger:#f87171;--warn:#fbbf24;font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(1200px 500px at 70% -10%, #4ade8012, transparent 60%), var(--bg);color:var(--text);min-height:100vh;margin:0}#app{flex-direction:column;gap:1rem;max-width:1100px;min-height:100vh;margin:0 auto;padding:1rem;display:flex}#hud{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.hud-title h1{letter-spacing:.02em;margin:0;font-size:1.4rem;font-weight:700}.hud-sub{color:var(--text-dim);font-size:.8rem}.hud-chips{flex-wrap:wrap;gap:.5rem;display:flex}.chip{background:var(--bg-raise);border:1px solid var(--border);border-radius:.6rem;flex-direction:column;gap:.15rem;min-width:6.5rem;padding:.45rem .7rem;display:flex}.chip-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);font-size:.65rem}.chip-value{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.9rem}.chip-force .chip-value{color:var(--accent);font-size:1.15rem;font-weight:650}#stage{position:relative}#canvas{background:var(--bg-panel);border:1px solid var(--border);border-radius:.75rem;width:100%;height:48vh;min-height:260px;display:block}#chartInfo{color:var(--text-dim);margin:0;font-size:.85rem;line-height:1.5}#controls{background:var(--bg-raise);border:1px solid var(--border);border-radius:.75rem;flex-wrap:wrap;align-items:flex-end;gap:.75rem;padding:.75rem;display:flex}.field{flex-direction:column;gap:.3rem;display:flex}.field-chart{flex:16rem}.field-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);font-size:.7rem}.field-group{align-items:flex-end;gap:.5rem;display:flex}.field-group.actions{margin-left:auto}.field-inline{color:var(--text-dim);flex-direction:row;align-items:center;gap:.4rem;padding-bottom:.55rem;font-size:.9rem}select,input[type=number]{font:inherit;color:var(--text);background:var(--bg-panel);border:1px solid var(--border);border-radius:.5rem;outline:none;padding:.5rem .7rem}input[type=number]{font-variant-numeric:tabular-nums;width:7rem}select:focus-visible,input[type=number]:focus-visible{border-color:var(--accent)}select:disabled,input[type=number]:disabled{opacity:.45}input[type=checkbox]{accent-color:var(--accent);width:1rem;height:1rem}button{font:inherit;border:1px solid var(--border);background:var(--bg-panel);color:var(--text);cursor:pointer;border-radius:.5rem;padding:.5rem 1.1rem;font-weight:600;transition:background .12s,border-color .12s,transform 60ms}button:hover:not(:disabled){border-color:var(--accent)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#0a1510}button.primary:hover:not(:disabled){background:#63e78f}#result,#error{white-space:pre-wrap;font-variant-numeric:tabular-nums;border-radius:.6rem;padding:.85rem 1rem;font-size:.9rem;line-height:1.55}#result{background:var(--accent-dim);color:var(--text);border:1px solid #4ade8059}#error{color:var(--danger);background:#f871711a;border:1px solid #f8717173}@media (width<=640px){#hud{flex-direction:column;align-items:stretch}.hud-chips{grid-template-columns:1fr 1fr;display:grid}.field-group.actions{width:100%;margin-left:0}.field-group.actions button{flex:1}#canvas{height:40vh}}