:root{--bg:#faf9f5;--surface:#fff;--surface-2:#f1efe8;--text-primary:#26251f;
 --text-secondary:#5f5e5a;--text-muted:#888780;--border:#e3e1d8;--border-strong:#b4b2a9}
@media (prefers-color-scheme:dark){:root{--bg:#1a1a18;--surface:#232320;--surface-2:#2c2c2a;
 --text-primary:#eceae2;--text-secondary:#b4b2a9;--text-muted:#888780;--border:#3a3a36;
 --border-strong:#5f5e5a}}
*{box-sizing:border-box}
body{background:var(--bg);color:var(--text-secondary);margin:0;padding:10px 12px 12px;
 font:14px/1.5 ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
svg{width:100%;height:auto;display:block;background:var(--surface);
 border:1px solid var(--border);border-radius:6px}
.ts{font-size:13px;fill:var(--text-secondary)}
.row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}
button{font:inherit;font-weight:600;color:var(--text-primary);background:var(--surface);
 border:1px solid var(--border-strong);border-radius:6px;padding:5px 12px;min-width:112px;
 cursor:pointer}
button:hover{background:var(--surface-2)}
button.sec{font-weight:400;min-width:0;color:var(--text-secondary)}
input[type=range]{accent-color:var(--text-secondary);max-width:170px}
.lab{color:var(--text-muted);font-size:13px}
.num{color:var(--text-primary);font-weight:600;font-variant-numeric:tabular-nums}
#readout,#rd{font-size:13.5px;color:var(--text-secondary);margin-top:9px;min-height:1.5em}
#readout b,#rd b{color:var(--text-primary)}