.hiit__stage{min-inline-size:0}.hiit__body{gap:var(--space-5);flex:1;grid-template-rows:minmax(min-content,1fr)}.hiit__panel{align-content:center;justify-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-4) var(--space-5);border:1px solid var(--sheet-rule);border-radius:var(--radius);background:var(--paper);color:var(--ink);text-align:center;transition:background-color var(--duration) var(--ease-out), border-color var(--duration) var(--ease-out), color var(--duration) var(--ease-out);display:grid;container-type:inline-size}.hiit__phase{max-inline-size:100%;font-family:var(--font-display);font-size:var(--text-2xl);letter-spacing:-.015em;overflow-wrap:anywhere;font-weight:500;line-height:1.1}.hiit__face{font-family:"Literata Variable", var(--font-display);font-variant-numeric:tabular-nums lining-nums;letter-spacing:-.03em;white-space:nowrap;transition:opacity var(--duration) var(--ease-out);unicode-bidi:isolate;font-size:clamp(4rem,24cqi,9rem);font-weight:500;line-height:1}.hiit[data-long=true] .hiit__face{font-size:clamp(3rem,17cqi,7rem)}.hiit__track{block-size:6px;inline-size:min(100%,24rem);background:color-mix(in srgb, currentcolor 16%, transparent);border-radius:3px;margin-block-start:var(--space-2);position:relative;overflow:hidden}.hiit__fill{transform-origin:0;background:currentColor;block-size:100%;display:block}.hiit__round{min-block-size:1.55em;color:var(--ink-2);font-size:var(--text-md)}.hiit[data-phase=ready] .hiit__phase{color:var(--ink-2)}.hiit[data-phase=work] .hiit__panel{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.hiit[data-phase=work] .hiit__round{color:color-mix(in srgb, var(--accent-ink) 86%, transparent)}.hiit[data-phase=rest] .hiit__panel,.hiit[data-phase=set-rest] .hiit__panel{border-color:color-mix(in srgb, var(--accent) 22%, transparent);background:var(--accent-soft)}.hiit[data-phase=rest] .hiit__face,.hiit[data-phase=set-rest] .hiit__face{color:var(--accent)}.hiit[data-phase=warmup] .hiit__panel,.hiit[data-phase=cooldown] .hiit__panel{border:1px dashed color-mix(in srgb, var(--accent) 45%, var(--line-strong))}.hiit[data-phase=done] .hiit__face{color:var(--accent)}.hiit[data-status=paused] .hiit__face{opacity:.45}.hiit__summary{gap:var(--space-4);grid-template-columns:minmax(0,1fr) auto;margin:0;display:grid}.hiit__summary-item{gap:var(--space-1);align-content:start;min-inline-size:0;display:grid}.hiit__summary-item:last-child{text-align:end}.hiit__summary-item dt{color:var(--ink-2);font-size:var(--text-sm)}.hiit__summary-item dd{font-family:"Literata Variable", var(--font-sans);font-size:var(--text-md);font-weight:600}.hiit__timeline{border-radius:var(--radius-sm);background:var(--sheet-rule);block-size:.625rem;position:relative;overflow:hidden}.hiit__segments{gap:2px;block-size:100%;margin:0;padding:0;list-style:none;display:flex}.hiit__seg{background:var(--line-strong);flex:1 1 0;min-inline-size:1px}.hiit__seg--work{background:var(--accent)}.hiit__seg--rest,.hiit__seg--set-rest{background:color-mix(in srgb, var(--accent) 28%, var(--sheet))}.hiit__elapsed{background:color-mix(in srgb, var(--sheet) 64%, transparent);transform-origin:0;pointer-events:none;position:absolute;inset:0;transform:scaleX(0)}.hiit__timeline[data-simple=true] .hiit__elapsed{background:var(--accent)}.hiit__presets{gap:var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.hiit__presets-title{color:var(--ink-2);font-size:var(--text-sm);grid-column:1/-1;font-weight:600}.hiit__preset{padding-inline:var(--space-2);font-family:"Literata Variable", var(--font-sans);font-weight:600}.hiit__preset[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--ink)}.hiit__keys{justify-content:center;gap:var(--space-2) var(--space-5);color:var(--ink-3);font-size:var(--text-sm);flex-wrap:wrap;display:flex}@media (hover:none) and (pointer:coarse){.hiit__keys{display:none}}.hiit__key{min-inline-size:1.5rem;padding:0 var(--space-2);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--paper);box-shadow:inset 0 -1px 0 var(--line-strong);color:var(--ink-2);font-family:inherit;font-size:var(--text-xs);text-align:center;margin-inline-end:var(--space-1);font-weight:600;line-height:1.6;display:inline-block}.hiit__fullscreen{margin-inline-end:auto}.hiit__primary{min-inline-size:8.5rem}.hiit__settings-body{flex:1;align-content:start}.hiit__fields{border:0;min-inline-size:0;margin:0;padding:0;display:grid}.hiit__row{justify-content:space-between;align-items:center;gap:var(--space-3);padding-block:var(--space-2);border-block-end:1px dotted var(--line-strong);display:flex}.hiit__row:first-of-type{padding-block-start:0}.hiit__row-label{min-inline-size:0;font-size:.875rem;font-weight:600}.hiit__stepper{align-items:center;gap:var(--space-1);flex:none;display:flex}.hiit__step{min-block-size:2.25rem;inline-size:2.25rem}.hiit__step .icon{block-size:1rem;inline-size:1rem}.hiit__value{min-block-size:2.25rem;inline-size:4.75rem;padding-inline:var(--space-1);font-family:"Literata Variable", var(--font-sans);text-align:center;font-weight:600}.hiit__error,.hiit__fields .field__hint{margin-block-start:var(--space-2)}.hiit__totals.figures{padding:0}.hiit__options{gap:var(--space-3);border:0;min-inline-size:0;margin:0;padding:0;display:grid}.hiit__options legend{margin-block-end:var(--space-3);padding:0}.hiit__stage:fullscreen{padding:var(--space-6);background:var(--paper);box-shadow:none;border:0;border-radius:0;justify-content:center}:is(.hiit__stage:fullscreen .hiit__label,.hiit__stage:fullscreen .hiit__presets,.hiit__stage:fullscreen .hiit__keys){display:none}.hiit__stage:fullscreen .hiit__body{flex:auto;grid-template-rows:1fr auto auto}.hiit__stage:fullscreen .hiit__panel{align-content:center;gap:var(--space-4)}.hiit__stage:fullscreen .hiit__phase{font-size:min(11cqi,13vh)}.hiit__stage:fullscreen .hiit__face{font-size:min(28cqi,42vh)}.hiit__stage:fullscreen .hiit__track{border-radius:5px;block-size:10px;inline-size:min(80%,48rem)}.hiit__stage:fullscreen .hiit__round{font-size:var(--text-xl)}.hiit__stage:fullscreen .hiit__summary-item dd{font-size:var(--text-xl)}.hiit__stage:fullscreen .sheet__bar{border:0;justify-content:center}.hiit__stage:fullscreen .hiit__fullscreen{margin-inline-end:0}.hiit[data-long=true] .hiit__stage:fullscreen .hiit__face{font-size:min(19cqi,36vh)}[dir=rtl] .hiit__fill,[dir=rtl] .hiit__elapsed{transform-origin:100%}