:root{--mono: "Geist Mono", ui-monospace, monospace;--numerals: "Tektur", "Arial Narrow", sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--dark);color:var(--light);font-family:var(--mono);overflow:hidden;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button:focus-visible{outline:2px solid var(--light);outline-offset:3px}.app{position:fixed;top:0;right:0;bottom:0;left:0;height:100dvh;touch-action:manipulation}.sand{display:block;width:100%;height:100%}.circle.pause{position:absolute;left:calc(50% + var(--play-x));top:50%;translate:-50% -50%;flex-direction:row;gap:6px}.circle.pause span{width:4px;height:20px;border-radius:2px;background:var(--light)}.menu{position:absolute;left:50%;top:50%;translate:-50% -50%;display:flex;gap:var(--gap);animation:fade .16s ease-out}.menu.late{animation:fade .3s .7s ease-out both}.circle{position:relative;width:var(--circle);height:var(--circle);flex:none;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--light);transition:transform .12s}.circle:active{transform:scale(.94)}.glass{background:color-mix(in srgb,var(--accent) 40%,transparent);border:1px solid color-mix(in srgb,var(--light) 35%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.circle-value{font-family:var(--numerals);font-size:22px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.circle-label{font-size:11px;font-weight:500}.circle svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.primary{background:var(--accent);color:var(--on-accent)}.scrim{position:absolute;top:0;right:0;bottom:0;left:0}.option{position:absolute;left:calc(50% + var(--x));top:calc(50% + var(--y));translate:-50% -50%;animation:fade .12s ease-out}.play span{margin-left:5px;border-left:18px solid var(--on-accent);border-top:11px solid transparent;border-bottom:11px solid transparent}@keyframes fade{0%{opacity:0}}@media(prefers-reduced-motion:reduce){.menu,.option{animation:none}}