html,body,#root{overscroll-behavior:none;background:#05060f;height:100%;margin:0}body{touch-action:none}.app{width:100%;height:100%;position:relative}:root{--ui-bg:#141c34b8;--ui-bg-pressed:#304070e6;--ui-fg:#f4f6ff;--ui-ring:#ffffff8c;--ui-chosen:#ffd76a;--ui-gutter:max(16px, env(safe-area-inset-left))}.big-button{border:3px solid var(--ui-ring);background:var(--ui-bg);width:80px;min-width:64px;height:80px;min-height:64px;color:var(--ui-fg);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border-radius:50%;place-items:center;padding:0;transition:transform 80ms ease-out,background-color 80ms ease-out;display:grid}.big-button:active{background:var(--ui-bg-pressed);transform:scale(.94)}.big-button:focus-visible{outline:4px solid var(--ui-chosen);outline-offset:3px}@media (prefers-reduced-motion:reduce){.big-button{transition:none}.big-button:active{transform:none}}.control-bar{left:0;right:0;bottom:max(16px, env(safe-area-inset-bottom));padding:0 var(--ui-gutter);pointer-events:none;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute}.control-bar>*{pointer-events:auto}@media (width<=560px){.control-bar{flex-wrap:wrap}.control-bar .time-dial{order:-1;margin:0 auto}.control-bar:before{content:"";flex-basis:100%;order:-1;height:0}}.time-dial{border:3px solid var(--ui-ring);background:var(--ui-bg);border-radius:999px;gap:4px;padding:5px;display:flex}.time-dial__option{width:68px;min-width:64px;height:68px;min-height:64px;color:var(--ui-fg);opacity:.7;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:0 0;border:3px solid #0000;border-radius:50%;place-items:center;padding:0;transition:transform 80ms ease-out,background-color 80ms ease-out;display:grid;position:relative}.time-dial__option.is-chosen{border-color:var(--ui-chosen);background:var(--ui-bg-pressed);opacity:1}.time-dial__option.is-chosen:after{content:"";background:currentColor;border-radius:50%;width:7px;height:7px;margin-left:-3.5px;position:absolute;bottom:5px;left:50%}.time-dial__option.is-chosen.is-paused{border-style:dashed}.time-dial__option:active{transform:scale(.94)}.time-dial__option:focus-visible{outline:4px solid var(--ui-chosen);outline-offset:2px}@media (prefers-reduced-motion:reduce){.time-dial__option{transition:none}.time-dial__option:active{transform:none}}.perf-overlay{top:max(8px, env(safe-area-inset-top));left:var(--ui-gutter);color:#b8f5c8;pointer-events:none;-webkit-user-select:none;user-select:none;background:#0009;border-radius:6px;padding:6px 10px;font:12px/1.4 ui-monospace,Menlo,Consolas,monospace;position:absolute}.perf-overlay .over{color:#ffb4a8;font-weight:700}