.timer-stage{display:flex;flex-direction:column;gap:var(--qet-space-4)}.timer-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--qet-space-2)}.timer-chip-dot{display:inline-block;width:.45rem;height:.45rem;margin-left:.4rem;border-radius:var(--qet-radius-pill);background:var(--qet-success);vertical-align:middle}.timer-view{display:flex;flex-direction:column;align-items:center;gap:var(--qet-space-4);min-width:0}.timer-digits{margin:var(--qet-space-4) 0 0;font-family:var(--qet-font-display);font-size:clamp(3.25rem,13vw,7.5rem);font-weight:var(--qet-weight-semibold);font-variant-numeric:tabular-nums;line-height:1;letter-spacing:-.02em;color:var(--qet-on-surface);white-space:nowrap}.timer-digits[data-state=stopped]{color:var(--qet-on-surface-muted)}.timer-period{margin-left:.25em;font-size:.35em;font-weight:var(--qet-weight-medium);letter-spacing:0}.timer-date{margin:0;font-size:var(--qet-text-lg);text-align:center}.timer-progress{width:min(100%,32rem);height:6px;overflow:hidden;border-radius:var(--qet-radius-pill);background:var(--qet-surface-container-high)}.timer-progress>span{display:block;height:100%;background:var(--qet-primary);transform-origin:left center}.timer-controls{justify-content:center}.timer-controls>.qet-button{min-width:7.5rem}.timer-setup{display:flex;flex-direction:column;align-items:center;gap:var(--qet-space-3);width:100%}.timer-duration{display:flex;gap:var(--qet-space-2)}.timer-duration label{display:flex;flex-direction:column;align-items:center;gap:var(--qet-space-1);font-size:var(--qet-text-xs);color:var(--qet-on-surface-muted)}.timer-duration input{width:5rem;text-align:center;font-variant-numeric:tabular-nums;font-size:var(--qet-text-lg)}.timer-presets{justify-content:center}.timer-notify,.timer-note{max-width:32rem;text-align:left}.timer-note{margin:0;font-size:var(--qet-text-sm)}.timer-stage[data-ringing]{box-shadow:inset 0 0 0 3px var(--qet-danger)}.timer-digits[data-state=finished]{color:var(--qet-danger);animation:timer-flash 1s steps(2,jump-none) infinite}@keyframes timer-flash{50%{opacity:.25}}.timer-laps{width:min(100%,32rem);display:flex;flex-direction:column;gap:var(--qet-space-2)}.timer-laps-actions{justify-content:flex-end}.timer-lap-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:var(--qet-text-sm)}.timer-lap-table th{padding:var(--qet-space-1) var(--qet-space-2);text-align:right;font-size:var(--qet-text-2xs);font-family:var(--qet-font-mono);text-transform:uppercase;letter-spacing:var(--qet-tracking-label);color:var(--qet-on-surface-muted)}.timer-lap-table td{padding:var(--qet-space-2);text-align:right;border-top:1px solid var(--qet-surface-container-high)}.timer-lap-table th:first-child,.timer-lap-table td:first-child{text-align:left}.timer-lap-note{margin-left:var(--qet-space-2);font-size:var(--qet-text-2xs);color:var(--qet-on-surface-muted)}.timer-lap-table tr[data-mark=fastest] td{color:var(--qet-success)}.timer-lap-table tr[data-mark=slowest] td{color:var(--qet-danger)}.timer-zones{width:min(100%,36rem);margin:0;padding:0;list-style:none}.timer-zone{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:var(--qet-space-3);padding:var(--qet-space-2) 0;border-top:1px solid var(--qet-surface-container-high)}.timer-zone-name,.timer-zone-time{display:flex;flex-direction:column;min-width:0}.timer-zone-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timer-zone-time{align-items:flex-end;font-size:var(--qet-text-lg);font-weight:var(--qet-weight-semibold);font-variant-numeric:tabular-nums}.timer-zone-time small,.timer-zone-name small{font-size:var(--qet-text-xs);font-weight:var(--qet-weight-regular)}.timer-clock-settings{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--qet-space-3);width:min(100%,36rem)}.timer-zone-add{flex:1 1 14rem}.timer-shortcuts{margin:0;text-align:center;font-size:var(--qet-text-xs)}@media (hover: none){.timer-shortcuts{display:none}}.timer-stage:fullscreen{justify-content:center;padding:var(--qet-space-6);overflow:auto;background:var(--qet-surface);backdrop-filter:none}.timer-stage:fullscreen .timer-bar{position:absolute;inset:var(--qet-space-4) var(--qet-space-4) auto}.timer-stage:fullscreen .timer-digits{font-size:min(22vw,40vh)}.timer-stage:fullscreen[data-view=stopwatch] .timer-digits{font-size:min(16vw,34vh)}.timer-stage:fullscreen .timer-date{font-size:clamp(1.15rem,3vw,2.5rem)}.timer-stage:fullscreen .timer-clock-settings,.timer-stage:fullscreen .timer-notify,.timer-stage:fullscreen .timer-shortcuts{display:none}