:root{--bg:#f8fafc;--card-bg:#fff;--card-border:#e5e7eb;--card-shadow:0 1px 2px #0f172a0a, 0 8px 24px #0f172a0f;--fg:#0f172a;--muted:#64748b;--input-bg:#fff;--input-border:#cbd5e1;--input-focus:#2563eb;--input-focus-ring:#2563eb40;--error:#b91c1c;--error-border:#dc2626;--curve:#2563eb;--axis:#94a3b8;--code-bg:#f1f5f9}@media (prefers-color-scheme:dark){:root{--bg:#0b1220;--card-bg:#111827;--card-border:#1f2937;--card-shadow:0 1px 2px #0006, 0 8px 24px #00000080;--fg:#e5e7eb;--muted:#94a3b8;--input-bg:#0f172a;--input-border:#334155;--input-focus:#60a5fa;--input-focus-ring:#60a5fa4d;--error:#fca5a5;--error-border:#ef4444;--curve:#60a5fa;--axis:#64748b;--code-bg:#1f2937}}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.5}.container{max-width:820px;margin:0 auto;padding:24px 16px}.card{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--card-shadow);border-radius:12px;padding:20px 22px 22px}.card-header{margin-bottom:14px}.card-header h1{letter-spacing:-.01em;margin:0 0 4px;font-size:18px;font-weight:600}.hint{color:var(--muted);margin:0;font-size:13px}.hint code{background:var(--code-bg);border-radius:4px;padding:1px 5px;font-size:12px}.input-row{align-items:center;gap:10px;margin-top:14px;display:flex}.input-row label{color:var(--muted);white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px}.input-row input{background:var(--input-bg);min-width:0;color:var(--fg);border:1px solid var(--input-border);border-radius:8px;outline:none;flex:1;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:15px;transition:border-color .12s,box-shadow .12s}.input-row input:focus{border-color:var(--input-focus);box-shadow:0 0 0 3px var(--input-focus-ring)}.input-row input.error{border-color:var(--error-border)}.error-msg{color:var(--error);min-height:18px;margin:6px 2px 0;font-size:12.5px}.plot-wrap{width:100%;margin-top:8px}.plot-host{width:100%}.plot-host svg{max-width:100%;height:auto;display:block}@media (prefers-reduced-motion:reduce){.input-row input{transition:none}}