:root{--bg:#e4e7df;--panel:#f2f3ee;--ink:#1d2a2f;--muted:#56646a;--line:#c3cac0;--dial-face:#dce3d3;--dial-ink:#1d2a2f;--needle:#b3122e;--button:#1d2a2f;--button-ink:#f2f3ee;--focus:#b3122e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#152026;--panel:#1c2a31;--ink:#e3e8e1;--muted:#9eabad;--line:#2f4049;--button:#dce3d3;--button-ink:#152026;--focus:#f0a3ae;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#152026;--panel:#1c2a31;--ink:#e3e8e1;--muted:#9eabad;--line:#2f4049;--button:#dce3d3;--button-ink:#152026;--focus:#f0a3ae;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-variant-numeric:tabular-nums;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:1rem;line-height:1.5}.masthead,main{max-width:64rem;margin:0 auto;padding:0 16px}.masthead{padding-top:2.5rem}h1{letter-spacing:-.03em;margin:0;font-size:clamp(2rem,6vw,3.25rem);font-weight:800;line-height:1}.lede{max-width:38rem;color:var(--muted);margin:.75rem 0 2rem}h2{margin:0;font-size:1.25rem;line-height:1.3}.set{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:1.25rem}.station p{color:var(--muted);margin:.25rem 0 1rem}.dial{box-shadow:inset 0 0 0 2px var(--dial-ink);background:var(--dial-face);border-radius:8px;overflow:hidden}#dial{cursor:pointer;touch-action:none;width:100%;height:150px;display:block}.controls{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-top:1rem;display:flex}button,.file-button{border:2px solid var(--button);background:var(--button);min-height:2.5rem;color:var(--button-ink);font:inherit;cursor:pointer;border-radius:999px;align-items:center;padding:0 1.1rem;font-weight:600;display:inline-flex}#stop,#demo{color:var(--ink);border-color:var(--ink);background:0 0}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,.file-button:focus-within,#dial:focus-visible,input:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.file-button input{opacity:0;width:1px;height:1px;position:absolute}.file-button{position:relative}.time{font-weight:600}.volume{color:var(--muted);align-items:center;gap:.5rem;margin-left:auto;display:inline-flex}.volume input{accent-color:var(--needle);width:8rem}.now{border-top:1px solid var(--line);min-height:3.2rem;margin-top:1rem;padding-top:1rem}.now .subject{overflow-wrap:anywhere;font-weight:600}.now .detail{color:var(--muted)}.now .sha{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.loader{flex-wrap:wrap;align-items:center;gap:.75rem;margin:1.5rem 0;display:flex}.hint{max-width:42rem;color:var(--muted);flex-basis:100%;margin:0}code{overflow-wrap:anywhere;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.9em}.error{color:var(--needle);flex-basis:100%;margin:0;font-weight:600}.error:empty{display:none}.legend{margin-bottom:3rem}.legend ul{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:.5rem 1.5rem;margin:.75rem 0;padding:0;list-style:none;display:grid}.legend li{align-items:center;gap:.6rem;display:flex}.swatch{border-radius:2px;flex:none;width:.9rem;height:1.6rem}.legend .count{color:var(--muted)}.key-help{max-width:42rem;color:var(--muted)}body.dragging .set{outline:3px dashed var(--needle);outline-offset:4px}@media (width<=560px){.volume{margin-left:0}#dial{height:120px}}