.fx-timer{display:grid;gap:var(--fh-space-4);padding:clamp(var(--fh-space-4),3vw,var(--fh-space-6));border:1px solid var(--fh-border);border-radius:var(--fh-radius-lg);background:var(--fh-field);box-shadow:var(--fh-shadow-md)}.fx-timer-head{display:flex;align-items:center;justify-content:space-between;gap:var(--fh-space-3);flex-wrap:wrap}.fx-timer-title{margin:0;font-size:var(--fh-text-lg);letter-spacing:-.01em}.fx-timer-form{display:flex;flex-wrap:wrap;align-items:end;gap:var(--fh-space-3)}.fx-timer-field{display:grid;gap:var(--fh-space-1);flex:1 1 220px;min-width:0}.fx-timer-field--short{flex:0 1 140px}.fx-timer-field>span,.fx-timer-presets-label{margin:0;font-size:var(--fh-text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--fh-muted)}.fx-timer-field input,.fx-timer-field select{width:100%;padding:var(--fh-space-2) var(--fh-space-3);border:1px solid var(--fh-border);border-radius:var(--fh-radius-md);background:var(--fh-surface);color:var(--fh-text)}.fx-timer-primary,.fx-timer-ghost{display:inline-flex;align-items:center;justify-content:center;gap:var(--fh-space-2);min-height:44px;padding:var(--fh-space-2) var(--fh-space-4);border-radius:var(--fh-radius-pill);font-weight:700;transition:transform var(--fh-duration-fast) var(--fh-ease),background var(--fh-duration-fast) var(--fh-ease)}.fx-timer-primary{border:1px solid transparent;background:var(--fh-accent);color:var(--fh-on-accent)}.fx-timer-primary:hover{transform:translateY(-1px)}.fx-timer-ghost{border:1px solid var(--fh-border);background:transparent;color:var(--fh-text)}.fx-timer-ghost:hover{border-color:var(--fh-accent);color:var(--fh-accent)}.fx-timer-ghost:disabled{opacity:.45;cursor:not-allowed}.fx-timer-error{margin:0;color:var(--fh-danger);font-size:var(--fh-text-sm);font-weight:600}.fx-timer-hint,.fx-timer-empty{margin:0;color:var(--fh-muted);font-size:var(--fh-text-sm)}.fx-timer-list{display:grid;gap:var(--fh-space-3);margin:0;padding:0;list-style:none}.fx-timer-row{display:grid;gap:var(--fh-space-2);padding:var(--fh-space-4);border:1px solid var(--fh-border);border-radius:var(--fh-radius-md);background:var(--fh-surface)}.fx-timer-row[data-status=finished]{border-color:var(--fh-success)}.fx-timer-row-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--fh-space-2)}.fx-timer-row-head h3{margin:0;font-size:var(--fh-text-md)}.fx-timer-status{color:var(--fh-muted);font-size:var(--fh-text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.fx-timer-clock{margin:0;font-family:var(--fh-font-mono);font-variant-numeric:tabular-nums;font-size:clamp(1.6rem,5vw,2.3rem);font-weight:700;letter-spacing:-.02em}.fx-timer-progress{position:relative;height:10px;overflow:hidden;border-radius:var(--fh-radius-pill);background:color-mix(in srgb,var(--fh-border) 55%,transparent)}.fx-timer-progress>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--fh-accent),var(--fh-accent-2));transition:width var(--fh-duration-base) linear}.fx-timer-actions{display:flex;flex-wrap:wrap;gap:var(--fh-space-2)}.fx-timer-presets{display:grid;gap:var(--fh-space-2)}.fx-timer-chips{display:flex;flex-wrap:wrap;gap:var(--fh-space-2)}.fx-timer-chip{padding:var(--fh-space-1) var(--fh-space-3);border:1px solid var(--fh-border);border-radius:var(--fh-radius-pill);background:var(--fh-surface);color:var(--fh-text);font-size:var(--fh-text-sm);font-weight:600}.fx-timer-chip:hover,.fx-timer-chip[data-active=true]{border-color:var(--fh-accent);color:var(--fh-accent)}.fx-timer-settings{display:flex;flex-wrap:wrap;align-items:center;gap:var(--fh-space-4);padding-top:var(--fh-space-2);border-top:1px solid var(--fh-border)}.fx-timer-check{display:inline-flex;align-items:center;gap:var(--fh-space-2);color:var(--fh-muted);font-size:var(--fh-text-sm)}.fx-timer-check input{width:18px;height:18px;accent-color:var(--fh-accent)}.fx-timer-volume{display:inline-flex;align-items:center;gap:var(--fh-space-2);color:var(--fh-muted);font-size:var(--fh-text-sm)}.fx-timer-volume input{accent-color:var(--fh-accent)}.fx-timer-toggles{display:flex;flex-wrap:wrap;gap:var(--fh-space-4)}.fx-single{justify-items:center;text-align:center}.fx-single>*{width:100%}.fx-single-clock{display:grid;justify-items:center;gap:var(--fh-space-1);padding:var(--fh-space-4) 0 var(--fh-space-2)}.fx-single-value{font-family:var(--fh-font-mono);font-variant-numeric:tabular-nums;font-size:clamp(3rem,14vw,6rem);font-weight:700;line-height:1;letter-spacing:-.045em}.fx-stopwatch-value{font-size:clamp(2.4rem,11vw,5rem)}.fx-single-status{color:var(--fh-muted);font-size:var(--fh-text-sm);font-weight:700;letter-spacing:.12em;text-transform:uppercase}.fx-single-stage{margin:0;color:var(--fh-accent);font-weight:700}.fx-single[data-stage=warning] .fx-single-value{color:#b45309}.fx-single[data-stage=final] .fx-single-value{color:var(--fh-danger)}.fx-single[data-stage=done] .fx-single-value{opacity:.55}html[data-mode=dark] .fx-single[data-stage=warning] .fx-single-value{color:#fbbf24}.fx-single-actions{justify-content:center}.fx-single-custom{justify-content:center;align-items:end}.fx-single-custom .fx-timer-field{flex:0 1 140px}.fx-single-finished{margin:0;color:var(--fh-success);font-weight:700}.fx-interval-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--fh-space-3);margin:0;color:var(--fh-muted);font-size:var(--fh-text-sm);font-weight:600}.fx-interval-form,.fx-alarm-form{justify-content:center}.fx-alarm-next{margin:0;font-size:var(--fh-text-lg);font-weight:700;color:var(--fh-accent)}.fx-alarm-ringing{display:grid;justify-items:center;gap:var(--fh-space-2);padding:var(--fh-space-5);border:2px solid var(--fh-danger);border-radius:var(--fh-radius-lg);background:color-mix(in srgb,var(--fh-danger) 10%,var(--fh-field));animation:fx-alarm-pulse 1.6s var(--fh-ease) infinite}.fx-alarm-ringing-title{margin:0;font-size:var(--fh-text-xl);font-weight:800;color:var(--fh-danger)}.fx-alarm-ringing-name{margin:0;font-weight:600}.fx-laps{display:grid;gap:var(--fh-space-2);text-align:left}.fx-lap-list{display:grid;gap:var(--fh-space-1);margin:0;padding:0;list-style:none}.fx-lap-row{display:grid;grid-template-columns:1fr auto auto;gap:var(--fh-space-3);padding:var(--fh-space-2) var(--fh-space-3);border-radius:var(--fh-radius-sm);background:var(--fh-surface);font-variant-numeric:tabular-nums}.fx-lap-name{font-weight:600}.fx-lap-split{color:var(--fh-muted)}.fx-lap-total{font-family:var(--fh-font-mono)}.fx-single:fullscreen{align-content:center;padding:clamp(var(--fh-space-6),6vw,var(--fh-space-8));border:0;border-radius:0;background:var(--fh-field)}.fx-single:fullscreen .fx-single-value{font-size:clamp(4rem,18vw,12rem)}.fx-timer:fullscreen{border:0;border-radius:0}@keyframes fx-alarm-pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--fh-danger) 35%,transparent)}50%{box-shadow:0 0 0 12px transparent}}@media(prefers-reduced-motion:reduce){.fx-alarm-ringing{animation:none}.fx-timer-progress>span,.fx-timer-primary,.fx-timer-ghost{transition:none}}@media(max-width:640px){.fx-lap-row{grid-template-columns:1fr auto}.fx-lap-split{grid-column:1 / -1;grid-row:2}}
