:root{--bg:#fafafa;--body:#0a0a0a;--disc:#f6f6f6;--pie:#f62525;--tick:#0a0a0a;--digit:#000;--knob:#ffca45;--text:#0a0a0a;--shadow-opacity:.18;--shadow-blur:min(1.526vmin, 16.5px)}body[data-theme=light]{--body:transparent;--tick:#d9d9d9;--shadow-opacity:.05;--shadow-blur:min(1.3875vmin, 15px)}body[data-theme=dark]{--bg:#0a0a0a;--body:transparent;--disc:transparent;--tick:#f4f4f4;--digit:#f4f4f4;--text:#f4f4f4}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;min-height:100dvh;font-family:system-ui,sans-serif;transition:background-color .2s;overflow:hidden}img{-webkit-user-drag:none}#root{justify-content:center;align-items:center;min-height:100dvh;display:flex}.dial-wrap{width:min(74vmin,800px);height:min(74vmin,800px);position:relative}.shadow{opacity:var(--shadow-opacity);filter:blur(var(--shadow-blur));will-change:transform;pointer-events:none;background:#000;position:absolute;inset:0}body[data-theme=light] .shadow{border-radius:50%;inset:4.84%}body[data-theme=dark] .shadow{display:none}.dial{outline:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.dial .body{fill:var(--body)}.dial .disc{fill:var(--disc)}.dial .pie{fill:var(--pie)}.dial .tick{fill:var(--tick)}.dial .digits path{fill:var(--digit)}.dial .knob{fill:var(--knob)}.dial .body,.dial .disc,.dial .tick,.dial .digits path{transition:fill .2s}body.on-edge{cursor:grab}body.grabbing{cursor:grabbing}.footer{line-height:0;position:fixed;bottom:5.3vh;left:50%;transform:translate(-50%)}.footer img{width:auto;height:max(9px,.92vh);display:block}.osd{opacity:0;pointer-events:none;transition:opacity .3s;position:fixed;inset:0}.osd.is-visible{opacity:1;transition-duration:.15s}.osd-screen{background:#f1f1f1a8;position:absolute;inset:0}.osd-text{letter-spacing:-.08em;color:#000;white-space:nowrap;font-family:Inter,system-ui,sans-serif;font-size:13.48vmin;font-weight:400;line-height:1.21;position:absolute;top:calc(50% + 9.46vmin);left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important}}