.clock-workspace,.clock-workspace section{min-width:0}.clock-workspace .btn{min-height:44px}.clock-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.clock-tabs .btn[aria-selected=true]{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-paper)}.clock-panel{gap:18px;display:grid}.clock-actions{flex-wrap:wrap;gap:8px;display:flex}.clock-actions .btn{flex:1;min-width:70px}.clock-settings{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.clock-setting{gap:10px;min-width:0;display:grid}.clock-setting>div{grid-template-columns:44px minmax(0,1fr) 44px;gap:6px;display:grid}.clock-setting .input{text-align:center;width:100%;padding-inline:4px}.clock-setting .btn{padding:10px}.clock-sound{justify-self:start}.clock-presets{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.clock-workspace .clock-display{text-align:center;font:600 clamp(32px, 5vw, 60px)/1.3 var(--font-mono);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;min-height:80px;padding-block:10px;display:block}.clock-finished{color:var(--color-accent-ink);text-align:center;min-height:32px;margin:0;font-size:18px;font-weight:600}.clock-laps{border:var(--rule);background:var(--color-paper);border-radius:10px;min-height:120px;max-height:340px;padding:12px;overflow:auto}.clock-laps>p{margin:0}.clock-lap-row{border-bottom:var(--rule);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:8px;min-width:0;padding:12px 0;display:grid}.clock-lap-row:last-child{border-bottom:0}.clock-lap-row>strong{font-size:13px}.clock-lap-row>div{text-align:end;font:14px var(--font-mono);overflow-wrap:anywhere;gap:6px;display:grid}.clock-lap-row small{font:11px var(--font-body);color:var(--color-muted)}.clock-workspace [hidden]{display:none!important}.clock-workspace [data-clock-status].error{color:var(--color-danger,#bc3341)}@media (width<=767px){.clock-setting .input{font-size:16px}.clock-settings{grid-template-columns:1fr}.clock-workspace .clock-display{min-height:64px;font-size:32px}.clock-workspace .action-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.clock-workspace .action-row .btn{padding-inline:8px;font-size:12px}.clock-actions .btn{font-size:12px}}.clock-lap-area{gap:16px;display:grid}.clock-lap-area h3{margin:0}.clock-workspace .action-row:has([data-clock-download][hidden]){grid-template-columns:minmax(0,1fr)}.clock-sound[aria-pressed=true]{border-color:var(--color-accent);background:var(--color-accent-wash)}.clock-workspace[data-finished=true][data-mode=timer] .clock-display{color:var(--color-danger,#bc3341);animation:1.5s ease-in-out infinite clock-pulse}@keyframes clock-pulse{50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.clock-workspace[data-finished=true][data-mode=timer] .clock-display{animation:none}}