: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}#root{display:contents}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)}.background-flash{--flash-color:var(--dial-hold);z-index:0;pointer-events:none;background:var(--flash-color);opacity:0;position:fixed;inset:0}.update-banner{z-index:10;color:#fff;background:var(--dial-rest);text-align:center;border-radius:4px;flex-direction:column;gap:4px;width:max-content;max-width:min(100vw - 32px,420px);min-height:0;padding:8px 12px;font-size:14px;line-height:1.2;display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%)}.update-banner.downloaded{background:var(--dial-hold)}.update-banner.copied{background:#132c48}.update-banner .copied-url{overflow-wrap:anywhere;color:color-mix(in srgb, var(--muted) 82%, white);font-size:12px}.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}.app h1{letter-spacing:1px;text-align:center;grid-area:title;margin:0;padding:4px 0 0;font-size:22px;font-weight:400}.app .toggle-button{grid-area:button;width:66.6667%;max-width:280px}.app .toggle-button.start{color:#fff;background:var(--dial-hold)}.app .toggle-button.stop{color:#ffe4e6;background:var(--dial-rest)}.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-control .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)}.dial-control .dial:before{content:"";aspect-ratio:1;background:#0b101f;border:1px solid #ffffff08;border-radius:999px;width:calc(100% - 12px)}.dial-control .dial .inner{justify-items:center;gap:3px;display:grid;position:absolute;transform:scaleX(-1)}.dial-control .dial .inner label,.dial-control .dial .inner .field-unit{color:var(--dial-color)}.dial-control .dial .inner label{letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:500}.dial-control .dial .inner 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-control .dial .inner input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.dial-control .dial .inner input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.dial-control .dial .inner input[type=number]{-moz-appearance:textfield}.dial-control .dial .inner .field-unit{color:color-mix(in srgb, var(--muted) 88%, var(--text));opacity:.6;margin-top:-3px;font-size:12px}.dial-control #dialHold{--dial-color:var(--dial-hold);--dial-faded-color:#34d39947}.dial-control #dialRest{--dial-color:var(--dial-rest);--dial-faded-color:#818cf847}.dial-control #dialReps{--dial-color:var(--dial-reps);--dial-faded-color:#60a5fa47}.dial-control .buttons{justify-content:space-between;align-items:center;width:102px;margin-top:-7px;display:flex}.dial-control .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}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)}.saved-timers{grid-area:saved;align-items:center;gap:8px;width:100%;padding:8px;display:flex}.saved-timers .list{flex-wrap:wrap;flex:1;justify-content:flex-start;gap:8px;display:flex}.saved-timers .pill{color:#fff;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:#132c48;border:1px solid #0000;border-radius:4px;min-height:0;padding:7px 8px;font-size:14px;line-height:1}.saved-timers .pill.selected{border-color:#60718a}.saved-timers .pill:not(:disabled):active{transform:none}.saved-timers .save-button{width:64px;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}.saved-timers .save-button:not(:disabled):active{transform:none}.saved-timers .settings-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}.saved-timers .settings-button svg{stroke:currentColor;width:18px;height:18px}body.timer-running .saved-timers{opacity:.3}.confirm-panel{width:min(100% - 32px,340px);color:var(--text);background:linear-gradient(#111827 0%,#0b101f 100%);border:1px solid #94a3c72e;border-radius:8px;padding:20px;box-shadow:0 22px 80px #00000085}.confirm-panel::backdrop{background:#04060fc2}.confirm-panel h2{letter-spacing:0;text-align:center;margin:0 0 16px;font-size:19px;font-weight:500;line-height:1.2}.confirm-panel .body{color:color-mix(in srgb, var(--muted) 86%, var(--text));font-size:15px;line-height:1.4}.confirm-panel .actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.confirm-panel .primary,.confirm-panel .neutral{border-radius:6px;min-height:38px;padding:8px 16px;font-size:15px;line-height:1}.confirm-panel .primary{color:#fff;background:var(--dial-hold)}.confirm-panel .neutral{color:color-mix(in srgb, var(--muted) 88%, var(--text));background:#94a3c724}.timer-values-list{gap:6px;width:max-content;max-width:100%;margin:0 auto;display:grid}.timer-values-list .row{background:#94a3c714;border-radius:6px;grid-template-columns:40px minmax(2ch,max-content) 18px minmax(2ch,max-content);align-items:center;gap:6px;min-height:34px;padding:7px 10px;display:grid}.timer-values-list .label{color:color-mix(in srgb, var(--muted) 78%, var(--text));font-size:13px}.timer-values-list .value{color:var(--text);font-variant-numeric:tabular-nums;text-align:right;font-size:17px}.timer-values-list .value.old{color:color-mix(in srgb, var(--muted) 74%, var(--text))}.timer-values-list .value.new{color:#fff;text-align:left;font-weight:600}.timer-values-list .arrow{color:var(--dial-hold);text-align:center;font-size:16px}.settings-panel{width:min(100% - 32px,420px)}.settings-panel .heading-row{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.settings-panel h2{text-align:left;margin:0}.settings-panel .close-button{width:36px;min-height:36px;color:var(--muted);background:0 0;place-items:center;padding:0;font-size:28px;line-height:1;display:grid}.settings-panel .settings-body{flex-direction:column;gap:18px;display:flex}.settings-panel .settings-row{justify-content:space-between;align-items:center;gap:18px;display:flex}.settings-panel h3{margin:0 0 5px;font-size:15px;font-weight:500;line-height:1.2}.settings-panel p{color:var(--muted);margin:0;font-size:13px;line-height:1.3}.settings-panel .text-button{min-height:38px;color:color-mix(in srgb, var(--dial-reps) 70%, white);text-align:right;background:#60a5fa1f;padding:8px 10px;font-size:14px;line-height:1.15}.settings-panel .settings-links{gap:18px;padding-top:4px;display:flex}.settings-panel a{color:color-mix(in srgb, var(--dial-reps) 72%, white);text-underline-offset:4px;font-size:14px}.step-control{background:#94a3c71c;border-radius:6px;align-items:stretch;min-height:44px;display:inline-flex}.step-control button{width:44px;min-height:44px;color:color-mix(in srgb, var(--muted) 88%, var(--text));background:0 0;place-items:center;padding:0;display:grid}.step-control button:disabled{opacity:.35;cursor:default}.step-control svg{stroke:currentColor;width:20px;height:20px}.step-control .value{flex-direction:column;justify-content:center;align-items:center;width:28px;font-weight:600;line-height:1;display:flex}.step-control .units{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-top:3px;font-size:10px}.help-page{width:min(100% - 32px,720px);color:var(--text);margin:0 auto;padding:28px 0 42px}.help-page header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:34px;display:flex}.help-page h1{margin:0;font-size:34px;font-weight:500;line-height:1.1}.help-page h2{margin:0 0 8px;font-size:20px;font-weight:500}.help-page p{color:color-mix(in srgb, var(--muted) 86%, var(--text));margin:0;font-size:17px;line-height:1.5}.help-page section{margin-top:28px}.help-page a{color:#fff;background:var(--dial-hold);border-radius:6px;flex-shrink:0;min-height:38px;padding:9px 12px;font-size:15px;line-height:1.25;text-decoration:none}