:root{color-scheme:dark;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,sans-serif;font-synthesis:none;--ink: #f1f3ed;--muted: #747b74;--accent: #c8ff48;--surface: #0b0d0c}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--surface)}body{min-height:100dvh;color:var(--ink);overflow:hidden;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;transition:background-color .3s ease}body[data-phase=work]{--surface: #0b0d0c;--accent: #c8ff48}body[data-phase=rest],body[data-phase=round-rest]{--surface: #0c1114;--accent: #62d9ff}body[data-phase=ready]{--surface: #11110d;--accent: #ffe15b}body[data-phase=complete]{--surface: #0d110e;--accent: #8dffb6}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.app,.setup-screen,.run-screen{width:100%;min-height:100dvh}.setup-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(42px,6vh,64px);padding:max(28px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}.settings{display:grid;gap:clamp(24px,4.5vh,42px);width:min(100%,600px)}.setting-row{display:flex;align-items:center;justify-content:center;gap:clamp(12px,3vw,24px)}.single-row{display:flex;justify-content:center}.setting{display:flex;align-items:center;justify-content:center;gap:10px;min-width:0}.setting-icon{flex:0 0 auto;color:var(--muted);font-size:16px;font-weight:650;line-height:1;letter-spacing:-.08em}.pause-mark{letter-spacing:-.23em;transform:translate(-1px)}.bars-mark{font-size:22px;line-height:.7}.loop-mark{font-size:21px}.paired-mark{font-size:14px;letter-spacing:-.18em}.setting input{width:2.4ch;min-width:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--ink);font-size:clamp(3rem,13vw,6rem);font-weight:480;line-height:.9;text-align:center;font-variant-numeric:tabular-nums;appearance:textfield;-moz-appearance:textfield}.primary-row .setting input{font-size:clamp(4.25rem,19vw,7.5rem)}.secondary-row .setting input{width:1.5ch;font-size:clamp(3.25rem,14vw,5.5rem)}.round-rest-setting{width:auto}.round-rest-setting input{font-size:clamp(3rem,13vw,5rem)}.separator{display:inline-flex;align-items:center;align-self:center;color:var(--muted);font-size:clamp(1.75rem,7vw,2.75rem);font-weight:400;line-height:1;transform:translateY(-.04em)}.secondary-row .separator{font-size:clamp(1.5rem,6vw,2.25rem)}.setting input::-webkit-inner-spin-button,.setting input::-webkit-outer-spin-button{margin:0;appearance:none}.setting:focus-within .setting-icon{color:var(--accent)}.start-button{position:relative;width:clamp(90px,24vw,144px);aspect-ratio:1;padding:0;border:0;border-radius:0;background:transparent;cursor:pointer}.start-button svg{display:block;width:100%;height:100%;fill:var(--accent);transition:opacity .16s ease,transform .16s ease}.start-button:active svg{transform:scale(.94)}.start-button:disabled{cursor:wait}.start-button:disabled svg{opacity:0}.preparing{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-size:26px;letter-spacing:.25em;transform:translate(.125em);opacity:0}.start-button:disabled .preparing{opacity:1}.run-screen{position:relative;display:grid;grid-template-rows:auto 1fr auto;place-items:center;padding:max(36px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(36px,calc(env(safe-area-inset-bottom) + 22px)) max(24px,env(safe-area-inset-left))}.run-screen[hidden],.setup-screen[hidden]{display:none}.run-counts{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;width:min(100%,680px);color:var(--muted);font-size:18px;font-weight:540;font-variant-numeric:tabular-nums;letter-spacing:.02em}.exercise-bars{display:grid;grid-template-columns:repeat(var(--exercise-count, 6),minmax(0,1fr));gap:clamp(3px,1vw,7px);width:100%}.exercise-bars span{position:relative;height:4px;overflow:hidden;background:#f1f3ed29}.exercise-bars span:after{position:absolute;inset:0;background:var(--accent);content:"";transform:scaleX(var(--fill, 0));transform-origin:left center}.timer{color:var(--ink);font-size:clamp(8.5rem,43vw,22rem);font-weight:420;line-height:.72;letter-spacing:-.075em;font-variant-numeric:tabular-nums;transform:translate(-.035em)}.run-controls{display:flex;align-items:center;gap:52px}.run-button{width:58px;aspect-ratio:1;padding:0;border:0;border-radius:0;background:transparent;cursor:pointer}.run-button svg{display:block;width:100%;height:100%;fill:var(--ink)}.run-button .play-icon{display:none;fill:var(--accent)}.run-button[data-paused=true] .pause-icon{display:none}.run-button[data-paused=true] .play-icon{display:block}.stop-button{width:34px}.stop-button svg{fill:var(--muted)}.progress{position:fixed;right:0;bottom:0;left:0;height:max(6px,env(safe-area-inset-bottom));background:#ffffff0a}.progress span{display:block;width:0;height:6px;background:var(--accent);transform-origin:left center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:420px){.settings{gap:clamp(22px,3.8vh,32px)}.setting{gap:8px}.setting-icon{transform:scale(.9)}.run-controls{gap:44px}.run-counts{gap:14px}}@media(orientation:landscape)and (max-height:520px){.setup-screen{flex-direction:row;gap:40px}.settings{align-self:center;grid-template-columns:1.35fr 1fr auto;align-items:end;gap:26px;max-width:none}.setting-row{gap:12px}.primary-row .setting input{font-size:min(15vh,4.8rem)}.secondary-row .setting input,.round-rest-setting input{font-size:min(13vh,4rem)}.separator{font-size:min(7vh,2rem)}.round-rest-setting{width:100%}.run-screen{grid-template-columns:auto 1fr auto;grid-template-rows:1fr}.timer{font-size:min(48vh,13rem)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}