.timer-stage{gap:18px;padding-top:var(--space-3);padding-bottom:var(--space-3)}.timer-modes{display:flex;align-items:center;gap:10px;width:100%;max-width:420px}.timer-modes .seg{flex:1 1 auto}.timer-dial{position:relative;width:min(290px,66vw);aspect-ratio:1;display:grid;place-items:center}.timer-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);overflow:visible}.timer-ring__track{fill:none;stroke:var(--color-surface-3);stroke-width:7}.timer-ring__bar{fill:none;stroke:var(--color-accent);stroke-width:7;stroke-linecap:round;stroke-dasharray:1000;stroke-dashoffset:0;filter:drop-shadow(0 0 6px var(--color-accent-glow));transition:stroke .3s ease}.timer-stage.is-rest .timer-ring__bar{stroke:var(--color-warn);filter:drop-shadow(0 0 6px color-mix(in srgb,var(--color-warn) 35%,transparent))}.timer-dial__inner{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:80%}.timer-block{font-size:var(--fs-xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent-ink);margin-bottom:6px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timer-stage.is-rest .timer-block{color:var(--color-warn)}.timer-time{font-size:clamp(3.2rem,15vw,4.8rem)}.timer-time.is-long{font-size:clamp(2.4rem,11vw,3.5rem)}.timer-time>span{width:.6em}.timer-time>span.sep{width:.28em}.timer-next{margin-top:8px;font-size:var(--fs-sm);color:var(--color-gray);min-height:1.3em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timer-stage.is-done .timer-time{color:var(--color-accent-ink)}.timer-dial.is-change{animation:timer-pop .5s var(--ease)}.timer-dial.is-celebrate{animation:timer-pop .6s var(--ease) 3}.timer-dial.is-celebrate .timer-ring__bar{animation:timer-glow .6s ease 3}@keyframes timer-pop{0%{transform:scale(1)}35%{transform:scale(1.045)}to{transform:scale(1)}}@keyframes timer-glow{50%{filter:drop-shadow(0 0 16px var(--color-accent))}}.play.is-on{animation:none}.timer-progress{display:grid;gap:8px;width:100%;max-width:420px}.timer-segments{display:flex;gap:4px;min-height:6px}.timer-seg{position:relative;height:6px;border-radius:999px;background:var(--color-surface-3);overflow:hidden;min-width:6px}.timer-seg__fill{position:absolute;inset:0 auto 0 0;width:0;background:var(--color-accent);border-radius:inherit}.timer-seg.is-rest .timer-seg__fill{background:var(--color-warn)}.timer-seg.is-done .timer-seg__fill{width:100%}.timer-status{margin:0;min-height:1.3em;font-size:var(--fs-sm);font-weight:700;color:var(--color-ink-soft);text-align:center}.timer-quick{display:flex;gap:8px;width:100%;max-width:540px;min-height:calc(var(--tap-sm) + 6px);overflow-x:auto;scrollbar-width:none;padding:2px 2px 4px;justify-content:center;flex-wrap:wrap}.timer-quick::-webkit-scrollbar{display:none}.timer-quick .chip{flex:0 0 auto;white-space:nowrap}.timer-actions{display:flex;align-items:center;justify-content:center;gap:var(--space-4)}.timer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.timer-grid .field+.field{margin-top:0}.timer-grid .stepper{grid-template-columns:var(--tap-sm) minmax(0,1fr) var(--tap-sm);gap:6px}.timer-grid .icon-btn{width:var(--tap-sm);height:var(--tap-sm)}.timer-grid .stepper__value{height:var(--tap-sm);font-size:var(--fs-md);padding:0 2px}.timer-grid .field__label{font-size:var(--fs-sm)}.timer-toggles{display:grid;gap:4px}.timer-save{flex-wrap:nowrap}.timer-routines:empty{display:none}.timer-perm{font-size:var(--fs-sm);color:var(--color-gray);margin:0}.routine .list__item{display:grid;grid-template-columns:26px minmax(0,1fr) auto;grid-template-areas:"n name del" ". min move";align-items:center;gap:8px 10px;padding:10px 8px;margin:0 -8px}.routine__n{grid-area:n}.routine__name{grid-area:name;width:100%}.routine__min{grid-area:min;justify-self:start}.routine__tools{grid-area:move}.routine__del{grid-area:del}.routine__n{display:grid;place-items:center;width:26px;height:26px;flex:0 0 auto;border-radius:50%;background:var(--color-accent-dim);color:var(--color-accent-ink);font-size:var(--fs-xs);font-weight:700}.routine__item.is-rest .routine__n{background:color-mix(in srgb,var(--color-warn) 15%,transparent);color:var(--color-warn)}.routine__name{height:40px!important}.routine__min{display:grid;grid-template-columns:var(--tap-sm) 56px var(--tap-sm);align-items:center;gap:6px}.routine__min .stepper__value{height:var(--tap-sm);font-size:var(--fs-md)}.routine__tools{display:flex;gap:8px}.routine__item.is-current{background:linear-gradient(90deg,var(--color-accent-dim),transparent 70%);border-radius:var(--radius)}.routine__item.is-current .routine__n{background:var(--color-accent);color:var(--color-on-accent)}@media (min-width: 960px){.timer-dial{width:270px}}@media (max-width: 600px){.timer-stage{gap:12px;padding-top:14px;padding-bottom:16px}.timer-dial{width:min(236px,62vw)}.timer-actions{gap:var(--space-3)}.timer-grid{grid-template-columns:minmax(0,1fr);gap:10px}.timer-grid .field{grid-template-columns:90px minmax(0,1fr);align-items:center}.timer-quick{justify-content:flex-start;flex-wrap:nowrap}}@media (max-height: 700px) and (max-width: 600px){.timer-dial{width:min(196px,54vw)}.timer-time{font-size:2.9rem}.timer-stage{gap:10px}}.timer-stage:is(:fullscreen,.is-stage-mode){gap:min(3vh,28px)}.timer-stage:is(:fullscreen,.is-stage-mode) .timer-modes,.timer-stage:is(:fullscreen,.is-stage-mode) .timer-quick,.timer-stage:is(:fullscreen,.is-stage-mode) .kbd-hints{display:none}.timer-stage:is(:fullscreen,.is-stage-mode) .timer-dial{width:min(78vmin,58vh,720px)}.timer-stage:is(:fullscreen,.is-stage-mode) .timer-ring__track,.timer-stage:is(:fullscreen,.is-stage-mode) .timer-ring__bar{stroke-width:5}.timer-stage:is(:fullscreen,.is-stage-mode) .timer-time{font-size:min(19vmin,14vh,13rem)}.timer-stage:is(:fullscreen,.is-stage-mode) .timer-time.is-long{font-size:min(14vmin,10vh,9.5rem)}.timer-stage:is(:fullscreen,.is-stage-mode) .timer-block{font-size:min(3.4vmin,1.6rem);margin-bottom:1.5vmin}.timer-stage:is(:fullscreen,.is-stage-mode) .timer-next{font-size:min(2.8vmin,1.25rem);margin-top:1.5vmin}.timer-stage:is(:fullscreen,.is-stage-mode) .timer-progress{max-width:min(78vmin,720px)}.timer-stage:is(:fullscreen,.is-stage-mode) .timer-actions{gap:min(6vw,64px)}.timer-stage:is(:fullscreen,.is-stage-mode) .timer-segments,.timer-stage:is(:fullscreen,.is-stage-mode) .timer-seg{height:10px}.timer-stage:is(:fullscreen,.is-stage-mode) .timer-status{font-size:min(2.6vmin,1.1rem)}@media (orientation: landscape) and (max-height: 600px){.timer-stage:is(:fullscreen,.is-stage-mode) .timer-dial{width:min(62vh,520px)}.timer-stage:is(:fullscreen,.is-stage-mode) .timer-time{font-size:min(15vh,9rem)}.timer-stage:is(:fullscreen,.is-stage-mode) .timer-progress{display:none}}.timer-stage.is-rest .timer-ring__bar{stroke:var(--orange);filter:none}.timer-stage.is-rest .timer-block{color:var(--orange-ink)}.timer-seg.is-rest .timer-seg__fill{background:var(--orange)}.routine__item.is-rest .routine__n{background:var(--orange-dim);color:var(--orange-ink)}.ptl-ico{display:inline-block;width:16px;height:16px;margin:0 6px 0 0;vertical-align:-3px;color:var(--g-ink, var(--color-accent-ink));flex:0 0 auto}[role=tab] .ptl-ico{margin-right:6px}[role=tab][aria-selected=true] .ptl-ico{color:inherit}@media (max-width: 600px){[role=tab] .ptl-ico{display:none}}