:root{--bg: #1c1d21;--fg: #f1f2f4;--dim: rgba(241, 242, 244, .6);--track: rgba(255, 255, 255, .08);--bar: #f58220;--talking: #6cc28a;--face: #2c2f36}:root[data-theme=light]{--bg: #ffffff;--fg: #1c1a19;--dim: rgba(28, 26, 25, .6);--track: rgba(0, 0, 0, .07);--face: #eceae7}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;padding:16px;background:var(--bg);color:var(--fg);font:14px/1.4 Inter,system-ui,sans-serif}header{display:flex;align-items:center;justify-content:space-between}h1{margin:0;font-size:17px;font-weight:600}button{font:inherit;color:var(--fg);background:var(--track);border:0;border-radius:999px;padding:4px 12px;cursor:pointer}button:hover{background:color-mix(in srgb,var(--fg) 14%,transparent)}.dim{color:var(--dim)}#total{margin:4px 0 0;font-size:13px}#evenness{margin:2px 0 12px;font-size:13px;font-weight:500;min-height:1em}nav{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}nav button{padding:4px 11px;font-size:13px}nav button[aria-pressed=true]{background:var(--bar);color:#fff}canvas{display:block;width:100%}footer{margin-top:16px;font-size:12px}