:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--viewport-height:100dvh;--bg:#060816;--bg-glow:#0f1a33;--text:#eef2ff;--muted:#94a3c7;--track-faded:#7a93d11f;--dial-hold:#05a875;--dial-rest:#db6c4d;--dial-reps:#4898f9}*{box-sizing:border-box}html,body{height:100%;margin:0}html{background-color:#04060f}body{min-height:var(--viewport-height);background-image:radial-gradient(circle at top, #38bdf81f, transparent 34%), linear-gradient(180deg, var(--bg-glow) 0%, var(--bg) 58%, #04060f00 100%);color:var(--text);background-repeat:no-repeat;background-size:100% 560px,100% 560px;flex-direction:column;align-items:center;font-family:Segoe UI,SF Pro Display,system-ui,sans-serif;display:flex;overflow-x:hidden}.background-flash{--flash-color:var(--dial-hold);z-index:0;pointer-events:none;background:var(--flash-color);opacity:0;position:fixed;inset:0}.background-flash.flash{animation:.6s linear flash-background}.update-banner{z-index:2;color:#fff;background:var(--dial-rest);border-radius:4px;min-height:0;padding:8px 12px;font-size:14px;line-height:1;position:fixed;top:12px;left:50%;transform:translate(-50%)}.update-banner.downloaded{background:var(--dial-hold)}@keyframes flash-background{0%{opacity:0}33.333%,66.667%{opacity:1}to{opacity:0}}.app{z-index:1;width:min(100%,452px);height:clamp(650px, var(--viewport-height), 800px);grid-template-rows:1fr max-content 2fr max-content 1fr max-content 1fr max-content 2fr max-content 1fr max-content;grid-template-areas:".""title"".""hold"".""rest"".""reps"".""button"".""saved";justify-items:center;margin-block:auto;padding:0;display:grid;position:relative}h1{letter-spacing:1px;text-align:center;grid-area:title;margin:0;padding:4px 0 0;font-size:22px;font-weight:400}.dial-control{justify-items:center;gap:0;display:grid}.dial-control:first-of-type{grid-area:hold}.dial-control:nth-of-type(2){grid-area:rest}.dial-control:nth-of-type(3){grid-area:reps}.dial{--dial-color:var(--dial-hold);--dial-faded-color:#34d39947;--dial-current-color:var(--dial-color);--progress:1;aspect-ratio:1;background:conic-gradient(var(--dial-current-color) calc(var(--progress) * 1turn), var(--track-faded) 0turn);border-radius:999px;place-items:center;width:112px;display:grid;position:relative;transform:scaleX(-1)}#dialHold{--dial-color:var(--dial-hold);--dial-faded-color:#34d39947}#dialRest{--dial-color:var(--dial-rest);--dial-faded-color:#818cf847}#dialReps{--dial-color:var(--dial-reps);--dial-faded-color:#60a5fa47}.dial:before{content:"";aspect-ratio:1;background:#0b101f;border:1px solid #ffffff08;border-radius:999px;width:calc(100% - 12px)}.dial-inner{justify-items:center;gap:3px;display:grid;position:absolute;transform:scaleX(-1)}.dial-inner label,.field-unit{color:var(--dial-color)}.dial-inner label{letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:500}.dial input{width:3ch;color:var(--text);letter-spacing:-.05em;text-align:center;font-variant-numeric:tabular-nums;background:0 0;border:0;outline:none;padding:0;font-size:31px;font-weight:500;line-height:1}.dial input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.dial input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.dial input[type=number]{-moz-appearance:textfield}.dial-buttons{justify-content:space-between;align-items:center;width:102px;margin-top:-7px;display:flex}.step-button{color:#c7d2fe;opacity:.7;background:0 0;border:0;border-radius:0;min-width:40px;min-height:40px;padding:0;font-size:28px;line-height:1}.field-unit{color:color-mix(in srgb, var(--muted) 88%, var(--text));opacity:.6;margin-top:-3px;font-size:12px}button{appearance:none;min-width:0;min-height:48px;font:inherit;cursor:pointer;border:none;border-radius:8px;padding:10px;font-size:22px;transition:transform .16s,opacity .16s,background .16s,box-shadow .16s}button:focus,button:focus-visible{box-shadow:none;outline:none}button:not(:disabled):active{transform:translateY(1px)scale(.995)}.share-button{width:30px;min-height:30px;color:color-mix(in srgb, var(--muted) 88%, var(--text));opacity:.5;background:0 0;place-items:center;margin-left:-8px;padding:3px;display:grid}.share-button svg{stroke:currentColor;width:18px;height:18px}.saved-timers{grid-area:saved;align-items:center;gap:8px;width:100%;padding:8px;display:flex}.saved-timer-list{flex-wrap:wrap;flex:1;justify-content:flex-start;gap:8px;display:flex}.saved-timer-pill{color:#fff;background:#132c48;border:1px solid #0000;border-radius:4px;min-height:0;padding:7px 8px;font-size:14px;line-height:1}.saved-timer-pill.selected{border-color:#60718a}.save-timer-button{min-height:0;color:color-mix(in srgb, var(--muted) 88%, var(--text));opacity:.8;letter-spacing:.5px;background:0 0;align-self:center;margin-left:auto;padding:8px;font-size:14px;line-height:1}.save-timer-button:not(:disabled):active{transform:none}body.timer-running .saved-timers{opacity:.3}.toggle-button.start{color:#fff;background:var(--dial-hold);grid-area:button;width:66.6667%;max-width:280px}.toggle-button.stop{color:#ffe4e6;background:var(--dial-rest);grid-area:button;width:66.6667%;max-width:280px}body[data-phase=hold] #dialHold,body[data-phase=rest] #dialRest,body[data-phase=hold] #dialReps,body[data-phase=rest] #dialReps{--dial-current-color:var(--dial-color)}