.circular-timer-presentation{width:100%}.circular-face{position:relative;width:min(100%,440px,max(280px,48svh));aspect-ratio:1;margin:8px auto;container-type:inline-size;color:var(--stage-clock-color, var(--color-exercise))}.timer-ring{display:block;width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}.timer-ring circle{fill:none;stroke-width:4}.timer-ring-track{stroke:var(--color-border)}.timer-ring-fill{stroke:currentColor;stroke-dasharray:100;stroke-linecap:round;transition:stroke-dashoffset .15s linear}.circular-time{position:absolute;inset:12%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.circular-ring-progress{position:absolute;inset:4%}.circular-timeline{position:absolute;inset:0}.circular-timeline svg{display:block;width:100%;height:100%;transform:rotate(-90deg)}.circular-timeline circle{fill:none;stroke:currentColor;stroke-width:2}.circular-timeline-track{opacity:.25}.circular-timeline-fill{opacity:.8}.circular-timeline .current-segment circle{stroke-width:2.7}.circular-timeline .current-segment .circular-timeline-track{opacity:.55}.circular-timeline .current-segment .circular-timeline-fill{opacity:1}.circular-stage-type{display:inline-flex;align-items:center;gap:6px;font-size:clamp(9px,3cqw,12px);font-weight:700;color:currentColor}.circular-stage-type svg{width:15px;height:15px}.timer-screen .current.circular-current .circular-face h1{margin:0;color:var(--color-text-bright);font-size:calc(clamp(16px,6cqw,26px) * var(--stage-title-scale, 1));line-height:1.2;letter-spacing:-.5px;white-space:normal;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.timer-screen .circular-face .clock{font-size:clamp(44px,21cqw,120px);letter-spacing:-.07em;color:currentColor}.timer-screen .circular-face .clock.seconds-only{font-size:clamp(76px,42cqw,200px)}.circular-secondary{display:flex;justify-content:center;align-items:flex-start;gap:28px;margin:8px auto;color:var(--color-brand)}.circular-indicator{display:grid;justify-items:center;gap:10px;min-width:0;max-width:140px}.circular-mini{position:relative;width:60px;height:60px}.circular-mini strong{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:20px}.circular-mini strong span{font-size:12px;color:var(--color-muted)}.circular-indicator>span{font-size:10px;text-align:center;color:var(--color-muted);overflow-wrap:anywhere}.timer-screen .current.circular-current{min-width:0}.timer-screen .current.circular-current h1,.timer-screen .current.circular-current .stage-caption{margin-bottom:10px}@media(prefers-reduced-motion:reduce){.timer-ring-fill{transition:none}}.timer-meta,.context span,.current p,.stage-caption,.session span{color:var(--color-muted);font-size:10px;font-weight:800;letter-spacing:1.4px}.timer-screen .context.exercise{border-color:var(--color-exercise-border);background:var(--color-exercise-surface)}.timer-screen .context.rest{border-color:var(--color-rest-border);background:var(--color-rest-surface)}.timer-screen .context.empty{border-color:var(--color-border-strong);background:var(--color-neutral-surface)}.timer-screen .context.exercise .context-icon{color:var(--color-exercise)}.timer-screen .context.rest .context-icon{color:var(--color-rest)}.timer-screen .context.empty .context-icon{color:var(--color-muted)}.timer-screen .context.exercise:hover:not(:disabled){border-color:var(--color-exercise-hover);background:var(--color-exercise-hover-surface)}.timer-screen .context.rest:hover:not(:disabled){border-color:var(--color-rest-hover);background:var(--color-rest-hover-surface)}.controls .nav-prev,.controls .nav-next{border-color:var(--color-navigation-border);background:var(--color-navigation-surface);color:var(--color-navigation-text)}.controls .nav-prev:hover:not(:disabled),.controls .nav-next:hover:not(:disabled){border-color:var(--color-navigation-hover);background:var(--color-navigation-hover-surface);color:var(--color-navigation-text-hover)}.controls .nav-prev:focus-visible,.controls .nav-next:focus-visible{outline-color:var(--color-navigation-focus)}.context-icon{position:absolute;top:50%;transform:translateY(-50%);width:24px;height:24px;flex:0 0 auto}.timer-screen .context .context-icon{color:var(--color-brand-soft)}.timer-screen .previous .context-icon{left:16px}.timer-screen .upcoming .context-icon{right:16px}.controls button{display:inline-flex;align-items:center;justify-content:center;gap:8px}.controls button svg{flex:0 0 auto}.controls .nav-prev.exercise,.controls .nav-next.exercise{border-color:var(--color-exercise-border);background:var(--color-exercise-surface);color:var(--color-exercise-control)}.controls .nav-prev.rest,.controls .nav-next.rest{border-color:var(--color-rest-border);background:var(--color-rest-surface);color:var(--color-rest-control)}.controls .nav-prev.empty,.controls .nav-next.empty{border-color:var(--color-border-strong);background:var(--color-neutral-surface);color:var(--color-muted)}.controls .nav-prev.exercise:hover:not(:disabled),.controls .nav-next.exercise:hover:not(:disabled){border-color:var(--color-exercise-hover);background:var(--color-exercise-hover-surface);color:var(--color-exercise-control-hover)}.controls .nav-prev.rest:hover:not(:disabled),.controls .nav-next.rest:hover:not(:disabled){border-color:var(--color-rest-hover);background:var(--color-rest-hover-surface);color:var(--color-rest-control-hover)}.timer{padding-bottom:0;min-height:100svh}.timer-screen{max-width:1180px;margin:0 auto;min-height:calc(100svh - 76px);padding:24px;display:grid;grid-template-columns:1fr minmax(360px,2fr) 1fr;grid-template-rows:auto 1fr auto auto;gap:12px}.timer-meta{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:16px;font-size:12px;line-height:1.4}.timer-meta .timer-workout-name{min-width:0;overflow-wrap:anywhere;letter-spacing:0}.timer-meta .timer-round-label{text-transform:uppercase;margin-bottom:0;font-size:inherit;text-align:center}.timer-meta span:last-child{text-align:right}.timer-meta .timer-round-label,.timer-meta span:last-child{white-space:nowrap}.context{align-self:center;color:var(--color-text-context);max-width:190px}.context span{display:block;margin-bottom:9px}.context strong{font-size:16px}.upcoming{text-align:right;justify-self:end}.current{text-align:center;align-self:center}.current p{color:var(--color-brand)}.long-stage-title{--stage-title-scale: .9}.current h1{font-size:calc(clamp(31px,5vw,64px) * var(--stage-title-scale, 1));line-height:1.05;margin:12px 0 20px;letter-spacing:-2px}.clock{font-family:var(--font-mono);font-size:clamp(76px,13vw,170px);font-weight:700;letter-spacing:-9px;line-height:1}.timer-screen .current:not(.completed):not(.countdown) .clock{color:var(--stage-clock-color, var(--color-exercise))}.progress{height:6px;background:var(--color-border-subtle);border-radius:100px;overflow:hidden}.progress i{display:block;height:100%;background:var(--color-brand);border-radius:inherit;transition:width .1s linear}.stage{width:min(460px,85%);height:8px;margin:30px auto 10px}.stage-caption{color:var(--color-exercise-label)}.session{grid-column:1/-1;display:flex;align-items:center;gap:22px}.session>div:first-child{min-width:145px}.session strong{display:block;font-family:var(--font-mono);font-size:17px;margin-top:4px}.session em{font-style:normal;color:var(--color-muted)}.controls{grid-column:1/-1;display:flex;justify-content:center;gap:10px}.controls button{min-height:49px;border-radius:5px;padding:0 17px;border:1px solid var(--color-control-border);background:var(--color-control);color:var(--color-text-control);font-weight:700}.controls .play{background:var(--color-brand);border-color:var(--color-brand);color:var(--color-on-brand);min-width:170px}.timer-screen .timer-block-context{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px 12px;max-width:100%;margin-top:12px;color:var(--color-muted);font-size:12px;line-height:1.5}.timer-block-label{min-width:0;overflow-wrap:anywhere}.timer-block-repetition{flex-shrink:0;font-family:var(--font-mono)}.is-rest{background:radial-gradient(circle at 65% 8%,var(--color-bg-rest-highlight) 0,var(--color-bg-rest) 44%)}.is-rest .clock,.is-rest .current p{color:var(--color-rest-active)}.is-rest .progress i{background:var(--color-rest-active)}.current.completed{align-items:center;text-align:center}.timer-screen .current:is(.countdown,.completed)>p:first-child{font-size:clamp(14px,1.5vw,24px)}.timer-screen .current:is(.countdown,.completed) h1{font-size:calc(clamp(31px,5vw,64px) * var(--stage-title-scale, 1));letter-spacing:-1px}.timer-screen .current:is(.countdown,.completed) .completed-message{width:100%;max-width:680px;font-size:clamp(16px,1.7vw,26px);line-height:1.5}.timer-screen .current.countdown{grid-column:1/-1;display:flex;flex-direction:column;min-height:clamp(260px,42vh,430px);align-items:center;justify-content:center;text-align:center}.current.countdown p:first-child{margin:0;color:var(--color-brand)}.current.countdown h1{margin:12px 0 0;color:var(--color-text)}.countdown-display{display:grid;min-width:clamp(170px,25vw,320px);min-height:clamp(150px,22vw,290px);place-items:center;overflow:hidden}.countdown-number{display:block;color:var(--color-text-bright);font-family:var(--font-mono);font-size:clamp(150px,25vw,300px);font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:-.08em;line-height:.82;text-shadow:0 16px 48px var(--color-brand-shadow)}.countdown-number-enter-active,.countdown-number-leave-active{transition:opacity .22s ease,transform .32s cubic-bezier(.2,.75,.25,1)}.countdown-number-enter-from{opacity:0;transform:translateY(28%) scale(.72)}.countdown-number-leave-to{opacity:0;transform:translateY(-28%) scale(1.12)}.current.completed p{color:var(--color-exercise)}.completed-message{color:var(--color-text-secondary);font-size:14px;margin-top:6px}.stage-caption.rest{color:var(--color-rest)}.stage-caption.exercise{color:var(--color-exercise)}.round-indicator{display:flex;justify-content:center;gap:8px;margin-bottom:26px}.round-indicator span{width:8px;height:8px;border-radius:50%;background:var(--color-border-strong);transition:background-color .2s ease,transform .2s ease}.round-indicator span.active{background:var(--color-brand);transform:scale(1.45)}.timer-screen{min-height:calc(100svh - 76px);width:min(1180px,100%);margin:0 auto}.timer-screen .context{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:134px;padding:24px 52px 20px 28px;border:1px solid var(--color-context-border);border-radius:12px;background:var(--color-context-surface);color:var(--color-text);text-align:left;transition:border-color .15s ease,background-color .15s ease,transform .15s ease}.timer-screen .context:hover:not(:disabled){border-color:var(--color-context-border-hover);background:var(--color-context-surface-hover);transform:translateY(-2px)}.timer-screen .context:focus-visible{outline:2px solid var(--color-brand-outline);outline-offset:3px}.timer-screen .context:disabled{opacity:.55;cursor:not-allowed}.timer-screen .context span{margin-bottom:10px}.timer-screen .context strong{font-size:16px;line-height:1.35}.timer-screen .context time{margin-top:10px;color:var(--color-text-time);font-family:var(--font-mono);font-size:14px}.timer-screen .previous{padding-left:52px;padding-right:28px}.timer-screen .current .stage-caption{display:inline-flex;align-items:center;align-self:center;margin-bottom:16px;padding:7px 26px;border:1px solid var(--color-exercise-border-strong);border-radius:999px;background:var(--color-exercise);color:var(--color-on-exercise);font-size:11px;letter-spacing:.4px}.timer-screen .current .stage-caption.rest{border-color:var(--color-rest-border-strong);background:var(--color-rest);color:var(--color-on-rest)}.timer-screen .current h1{margin-top:0}.session .progress{flex:1;min-width:0;margin-top:0}.session-linear{display:none}.session-timeline{display:flex;width:100%;height:10px;overflow:hidden;border-radius:999px;background:var(--color-timeline-track)}.session-timeline span{position:relative;display:block;flex:0 0 auto;height:100%;overflow:hidden;border-right:2px solid var(--color-bg)}.session-timeline span.exercise{background:var(--color-exercise-surface-strong)}.session-timeline span.rest{background:var(--color-rest-surface-strong)}.session-timeline span i{display:block;width:0;height:100%;transition:width .1s linear}.session-timeline span.exercise i{background:var(--color-exercise)}.session-timeline span.rest i{background:var(--color-rest)}.session-timeline span:last-child{border-right:0}.timer.is-completed .timer-screen{background:transparent}.timer.is-completed .timer-screen .current.completed{grid-column:1/-1;width:100%;min-height:300px;padding:32px 20px;align-items:center;justify-content:center;text-align:center}.timer.is-completed .timer-screen .current.completed p:first-child{margin:0 0 14px;color:var(--color-exercise-hover)}.timer.is-completed .timer-screen .current.completed h1{margin:0;text-align:center}.timer.is-completed .timer-screen .current.completed .clock{margin-top:22px;color:var(--color-text-bright);font-size:clamp(76px,13vw,170px);letter-spacing:clamp(-9px,-.6vw,-3px)}.timer.is-completed .timer-screen .completed-message{margin:18px auto 0;color:var(--color-exercise);text-align:center}.timer.is-completed .timer-screen .controls .play{box-shadow:0 10px 28px var(--color-brand-shadow)}.current .round-indicator span.round-finished{background:var(--color-exercise);transform:none;margin-left:0}.current .round-indicator span.round-active{background:var(--color-brand);transform:scale(1.45);margin-left:0}.round-indicator span.done{background:var(--color-exercise)}.current .round-indicator span.done{transform:none}.timer-round-label{display:block;margin-bottom:12px;color:var(--color-muted);font-size:10px;font-weight:800;letter-spacing:1.4px;text-align:center}.current .round-indicator{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 24px}.current .round-indicator span{display:block;flex:0 0 8px;width:8px;height:8px;min-width:8px;min-height:8px;aspect-ratio:1;padding:0;border:0;border-radius:50%;line-height:0;background:var(--color-border-strong)}.timer-screen .stage i{background:var(--color-exercise)}.app.is-rest .timer-screen .stage i{background:var(--color-rest)}.app.timer:not(.is-running){background:radial-gradient(circle at 65% 8%,var(--color-bg-neutral-highlight) 0,var(--color-bg) 44%)}.app.timer.is-running:not(.is-rest){background:radial-gradient(circle at 65% 8%,var(--color-bg-exercise-highlight) 0,var(--color-bg-exercise-running) 44%,var(--color-bg) 76%)}.app.timer.is-running.is-rest{background:radial-gradient(circle at 65% 8%,var(--color-bg-rest-highlight) 0,var(--color-bg-rest-running) 44%,var(--color-bg-rest) 76%)}.app.timer.is-completed{background:radial-gradient(circle at 50% 22%,var(--color-exercise-highlight),transparent 42%),radial-gradient(circle at 65% 8%,var(--color-bg-neutral-highlight) 0,var(--color-bg) 44%)}.current .round-indicator span.finished{background:var(--color-exercise);transform:none;margin-left:0}.current .round-indicator span.active{margin-left:0}.current .round-indicator{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 26px}.current .round-indicator span{display:block;flex:0 0 8px;width:8px;height:8px;min-width:8px;min-height:8px;aspect-ratio:1;border-radius:50%;padding:0;line-height:0;background:var(--color-border-strong);transition:background-color .2s ease,transform .2s ease}.current .round-indicator span.active{background:var(--color-brand);transform:scale(1.45)}@media(max-width:1025px){.timer-screen{padding-inline:28px}.clock{font-size:clamp(72px,11vw,112px);letter-spacing:clamp(-7px,-.7vw,-4px)}.timer-screen .context{display:none;min-width:0}.timer-screen .current{grid-column:1/-1}.timer-screen .current h1{font-size:calc(clamp(24px,4vw,38px) * var(--stage-title-scale, 1))}}@media(min-width:768px)and (max-width:1025px),(min-width:768px)and (hover:none)and (pointer:coarse){.timer-screen{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto auto auto;align-content:start;gap:0 12px;padding:24px}.timer-meta{margin-bottom:28px;font-size:12px;line-height:1.5}.timer-screen .context{display:none}.timer-screen .current{grid-column:1/-1;grid-row:2}.timer-round-label,.timer-screen .current .stage-caption,.session span{font-size:12px}.round-indicator{gap:10px;margin-bottom:28px}.round-indicator span{width:10px;height:10px}.timer-screen .current .stage-caption{padding:8px 24px}.timer-screen .current h1{font-size:calc(40px * var(--stage-title-scale, 1))}.clock{font-size:clamp(112px,16vw,132px);letter-spacing:-7px}.stage{width:min(560px,88%);margin:28px auto 8px}.timer-screen .session{grid-column:1/-1;grid-row:3;display:block;margin-top:40px}.session>div:first-child{min-width:0}.session strong{font-size:21px;margin-top:6px}.session-timeline{height:12px;margin-top:12px}.timer-screen .controls{grid-column:1/-1;grid-row:4;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"previous previous next next" "restart play play fullscreen";gap:12px;margin-top:24px}.controls .nav-prev{grid-area:previous}.controls .nav-next{grid-area:next}.controls .restart{grid-area:restart}.controls .play{grid-area:play;min-width:0}.controls .fullscreen{grid-area:fullscreen}.controls button{width:100%;min-width:0;min-height:58px;padding-inline:14px;font-size:14px}}@media(min-width:1026px)and (hover:hover)and (pointer:fine){.timer-screen{grid-template-columns:minmax(140px,1fr) minmax(420px,2fr) minmax(140px,1fr)}.timer-screen .context{width:100%;max-width:none}}@media(min-width:768px)and (max-width:1025px)and (max-height:800px),(min-width:768px)and (max-height:800px)and (hover:none)and (pointer:coarse){.timer-screen{padding-block:20px}.timer-meta{margin-bottom:16px}.round-indicator{margin-bottom:12px}.timer-screen .current .stage-caption{margin-bottom:10px;padding-block:6px}.timer-screen .current h1{font-size:calc(34px * var(--stage-title-scale, 1))}.clock{font-size:96px;letter-spacing:-6px}.stage{margin-top:18px}.timer-screen .session{margin-top:24px}.timer-screen .controls{margin-top:16px}.controls button{min-height:52px}}@media(max-width:767px){.timer-screen{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto auto;align-content:start;gap:0 12px;min-height:calc(100svh - 64px);padding:16px 16px max(16px,env(safe-area-inset-bottom))}.timer-meta{grid-column:1/-1;gap:8px;font-size:9px;line-height:1.4;margin-bottom:12px}.timer-meta .timer-workout-name{font-size:10px}.timer-meta .timer-round-label,.timer-meta span:last-child{font-size:9px;letter-spacing:.6px}.timer-screen .current{grid-column:1/-1;grid-row:2;min-width:0;justify-content:center}.timer-screen .context{display:none}.timer-screen .current .stage-caption{margin-bottom:14px;padding:7px 14px;font-size:9px}.timer-screen .current h1{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:calc(clamp(21px,6vw,32px) * var(--stage-title-scale, 1))}.clock{font-size:clamp(64px,19vw,104px);letter-spacing:clamp(-7px,-1.2vw,-4px)}.stage{margin:20px auto 4px}.session{grid-column:1/-1;grid-row:4;margin-top:20px}.controls{grid-column:1/-1;grid-row:5;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px}.controls button{width:auto;min-width:44px;min-height:48px;padding:0 8px}.controls .play{grid-column:span 2;min-width:0}.controls .restart{grid-column:span 2}.controls .nav-prev,.controls .nav-next{grid-row:2}.fullscreen{display:none}.current.completed{grid-row:2}.timer-screen .current.countdown{min-height:clamp(250px,43vh,360px)}.countdown-display{min-height:175px}.countdown-number{font-size:clamp(150px,40vw,220px)}.completed-message{max-width:280px}.current .round-indicator{margin-bottom:18px}.timer.is-completed .timer-screen .current.completed{min-height:260px;padding:24px 16px}}@media(min-width:641px)and (max-width:767px){.controls{grid-column:1/-1;width:100%;grid-template-columns:1fr 1fr;grid-template-areas:"previous next" "restart play";gap:10px;margin-top:14px}.controls .nav-prev{grid-area:previous}.controls .nav-next{grid-area:next}.controls .restart{grid-area:restart;min-height:52px}.controls .play{grid-area:play;min-width:0}.controls .fullscreen{display:none}.controls button{width:100%;min-width:0;min-height:52px;padding:0 10px}.controls button span{display:inline}.controls .nav-prev,.controls .nav-next{font-size:13px}.controls .restart,.controls .play{font-size:14px}}@media(max-width:640px){.timer-screen{min-height:calc(100svh - 64px);padding:20px 16px max(20px,env(safe-area-inset-bottom));grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto auto;gap:0 10px}.timer-meta{font-size:9px}.current{grid-column:1/-1;grid-row:2}.session{grid-row:4}.controls{grid-row:5}.timer-screen .current .stage-caption{padding:6px 16px;font-size:9px}.session{display:block;margin-top:18px}.session .progress{width:100%;margin-top:9px}.controls{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"previous next" "restart play";gap:10px;margin-top:14px}.controls .nav-prev{grid-area:previous}.controls .nav-next{grid-area:next}.controls .restart{grid-area:restart}.controls .play{grid-area:play;min-width:0}.controls .fullscreen{display:none}.controls button{width:100%;min-width:0;min-height:52px;padding:0 10px}.controls button span{display:inline}.controls .nav-prev,.controls .nav-next{font-size:13px}.controls .restart,.controls .play{font-size:14px}.session-linear{display:none}.session-timeline{display:flex;height:8px}.timer-round-label{margin-bottom:10px;font-size:9px}.current .round-indicator{gap:8px;margin-bottom:18px}.current .round-indicator span{flex-basis:8px;width:8px;height:8px}}@media(max-width:380px){.timer-screen{padding-inline:10px}.timer-meta{font-size:8px}.controls{gap:5px}.controls button{font-size:12px;padding-inline:4px}.controls .play span{font-size:12px}.controls{gap:8px}.controls button{min-height:48px;padding-inline:6px;font-size:12px}}@media(max-width:1025px)and (max-height:500px)and (orientation:landscape){.timer-screen{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto auto;align-content:start;gap:0 8px;min-height:calc(100svh - 64px);padding:6px 14px max(12px,env(safe-area-inset-bottom))}.timer-meta{grid-column:1/-1;grid-row:1;gap:6px;margin-bottom:0;font-size:8px;line-height:1.2}.timer-meta .timer-workout-name{font-size:9px}.timer-meta .timer-round-label,.timer-meta span:last-child{font-size:8px;letter-spacing:.4px}.timer-screen .context{display:none}.timer-screen .current{grid-column:1/-1;grid-row:2;align-self:center;min-width:0}.current .round-indicator{gap:6px;margin-bottom:2px}.round-indicator span{width:6px;height:6px}.timer-screen .current .stage-caption{margin-bottom:4px;padding:3px 10px;font-size:8px}.timer-screen .current h1{max-width:100%;margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:calc(18px * var(--stage-title-scale, 1))}.clock{font-size:clamp(74px,22vh,82px);letter-spacing:-5px}.stage{width:min(520px,86%);margin:4px auto 0}.timer-screen .session{grid-column:1/-1;grid-row:3;display:grid;grid-template-columns:minmax(100px,auto) minmax(0,1fr);align-items:center;gap:8px;margin:0}.session>div:first-child{min-width:0}.session span{font-size:8px;letter-spacing:.6px}.session strong{margin-top:2px;font-size:12px}.session-timeline{height:8px}.timer-screen .controls{grid-column:1/-1;grid-row:4;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"previous restart play next";gap:6px;margin-top:0}.controls .nav-prev{grid-area:previous}.controls .nav-next{grid-area:next}.controls .restart{grid-area:restart}.controls .play{grid-area:play;min-width:0}.controls button{width:100%;min-width:0;min-height:44px;gap:4px;padding-inline:4px;font-size:10px}.controls button svg{width:15px;height:15px}.controls button span{display:inline}.controls .fullscreen{display:none}}.presets-page{color:var(--color-text)}.presets-heading h1,.preset-detail-heading h1{margin:10px 0 12px;font-size:clamp(30px,4vw,46px);letter-spacing:-1.5px;color:var(--color-text-bright)}.presets-heading p,.preset-detail-heading p{color:var(--color-muted);line-height:1.6;max-width:640px}.presets-eyebrow{font-size:11px;font-weight:800;letter-spacing:1.8px;color:var(--color-brand);text-transform:uppercase}.preset-search{display:flex;align-items:center;gap:12px;margin:30px 0 18px;padding:12px 16px;max-width:520px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface)}.preset-search input{width:100%;min-width:0;border:0;background:transparent;color:var(--color-text);font:inherit}.preset-categories{display:flex;flex-wrap:wrap;gap:8px}.preset-categories button{padding:9px 15px;border:1px solid var(--color-border);border-radius:100px;color:var(--color-muted);background:var(--color-surface);font:inherit;font-size:12px;cursor:pointer}.preset-categories button[aria-pressed=true]{color:var(--color-on-brand);background:var(--color-brand);border-color:var(--color-brand)}.preset-count{font-size:12px;color:var(--color-muted);margin:22px 0 16px}.preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.preset-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--color-border);border-radius:18px;overflow:hidden;color:var(--color-text);background:var(--color-surface);text-decoration:none;transition:transform .16s ease,border-color .16s ease}.preset-card:hover{transform:translateY(-3px);border-color:var(--color-brand)}.preset-card:focus-visible,.preset-categories button:focus-visible{outline:3px solid var(--color-brand);outline-offset:4px}.preset-card-image{height:180px;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(135deg,var(--color-stage-blue),var(--color-stage-purple));background-size:cover;background-position:center;color:#fff}.preset-card-image:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0008,#0001)}.preset-card-image>svg{position:relative}.preset-category{position:absolute;left:16px;bottom:16px;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.preset-card-open{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#0005}.preset-level{display:inline-flex;align-self:flex-start;padding:5px 9px;border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);font-size:10px;font-weight:700;line-height:1.3}.preset-level-beginner{border-color:var(--color-stage-blue)}.preset-level-intermediate{border-color:var(--color-stage-active)}.preset-level-advanced{border-color:var(--color-stage-intense)}.preset-card-copy>.preset-level{margin-bottom:12px}.preset-detail-heading .preset-level{margin-left:12px}.preset-card-copy{padding:20px;flex:1;display:flex;flex-direction:column}.preset-card-copy h3{margin:0 0 10px;color:var(--color-text-bright);font-size:18px;overflow-wrap:anywhere}.preset-card-copy p{margin:0 0 24px;font-size:13px;line-height:1.6;color:var(--color-muted)}.preset-card-meta{display:flex;gap:18px;flex-wrap:wrap;margin-top:auto;font-size:12px}.preset-card-meta span{display:flex;align-items:center;gap:6px}.preset-card-meta time{font-weight:800}.preset-back{display:inline-flex;align-items:center;gap:8px;color:var(--color-muted);text-decoration:none;font-size:13px;margin-bottom:24px}.preset-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.preset-detail-total{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;flex-shrink:0}.preset-detail-total time{color:var(--color-brand);font-size:30px;font-weight:800;font-variant-numeric:tabular-nums}.preset-detail-total span{grid-column:1 / -1;color:var(--color-muted);font-size:12px}.preset-detail-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.preset-notice,.preset-footnote,.preset-block-note{color:var(--color-muted);line-height:1.6;font-size:12px}.preset-error{color:var(--color-danger)}.preset-success{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:16px;margin-bottom:24px;background:var(--color-surface);border:1px solid var(--color-brand);border-radius:12px}.preset-success a{color:var(--color-brand);font-weight:700}.preset-sequence{display:grid;gap:12px}.preset-sequence-item{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;padding:20px;border:1px solid var(--color-border);border-radius:14px;background:var(--color-surface)}.preset-block{border-left:3px solid var(--color-brand)}.preset-interval{display:flex;flex-direction:column;gap:6px;font-size:11px;font-variant-numeric:tabular-nums;color:var(--color-muted)}.preset-sequence-title{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.preset-sequence-title h2{font-size:16px;margin:0;color:var(--color-text-bright)}.preset-sequence-title>span{font-size:12px}.preset-sequence-content>time{display:block;font-size:18px;font-weight:700;margin-top:12px}.preset-child{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:12px 0;border-top:1px solid var(--color-border);font-size:12px}.preset-child>span{min-width:110px;color:var(--color-muted);font-variant-numeric:tabular-nums}.preset-child strong{flex:1;min-width:100px}.preset-child time{font-weight:700}.preset-stage-instructions{width:100%;margin:8px 0 0;color:var(--color-muted);line-height:1.6;font-size:13px}.preset-references{margin-top:24px;padding:20px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface)}.preset-references h2{font-size:17px}.preset-references p,.preset-references li{color:var(--color-muted);font-size:13px;line-height:1.7}.preset-references a{color:var(--color-brand);overflow-wrap:anywhere}.preset-detail-actions .secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border:1px solid var(--color-border);border-radius:7px;background:var(--color-surface);color:var(--color-text);font:inherit;font-size:13px;font-weight:700;cursor:pointer}.landing-presets-all{display:inline-block;margin-top:24px;color:var(--color-brand);font-weight:700}.preset-empty{padding:60px 16px;text-align:center}.preset-empty p{color:var(--color-muted)}@media(max-width:1100px){.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.preset-grid{grid-template-columns:1fr}.preset-detail-heading{align-items:flex-start;flex-direction:column}.preset-sequence-item{grid-template-columns:minmax(0,1fr);padding:16px;gap:12px}.preset-interval{flex-direction:row;justify-content:space-between}.preset-detail-actions>button{flex:1}}@media(prefers-reduced-motion:reduce){.preset-card{transition:none}}
