.stopwatch-panel{background:radial-gradient(circle at 12% 0,rgba(234,85,85,.08),transparent 34%),#f8fafc;border-radius:22px;display:flex;flex-direction:column;gap:18px;min-width:0}.stopwatch-panel:fullscreen{background:#f8fafc;border:0;border-radius:0;height:100vh;overflow:auto;padding:clamp(20px,4vw,56px);width:100vw}.stopwatch-panel::backdrop{background:#f8fafc}.stopwatch-panel__clock-head,.stopwatch-panel__header,.stopwatch-panel__heading,.stopwatch-panel__lap,.stopwatch-panel__laps-head{align-items:center;display:flex}.stopwatch-panel__clock-head,.stopwatch-panel__header,.stopwatch-panel__laps-head{gap:16px;justify-content:space-between}.stopwatch-panel__heading{gap:12px;min-width:0}.stopwatch-panel__header-actions{align-items:center;display:flex;gap:8px}.stopwatch-panel__heading-icon{background:#ea55551f;border-radius:15px;color:var(--danger-color);display:grid;flex:0 0 46px;height:46px;place-items:center;width:46px}.stopwatch-panel__heading-icon svg{height:26px;width:26px}.stopwatch-panel__laps-title,.stopwatch-panel__title{font-weight:800;margin:0}.stopwatch-panel__title{font-size:20px}.stopwatch-panel__error,.stopwatch-panel__laps-count,.stopwatch-panel__laps-empty p,.stopwatch-panel__status,.stopwatch-panel__subtitle{color:#6b7280;line-height:1.55;margin:0}.stopwatch-panel__workspace{display:grid;gap:18px;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);min-width:0}.stopwatch-panel__clock,.stopwatch-panel__laps{min-width:0;padding:20px}.stopwatch-panel__clock{display:flex;flex-direction:column;justify-content:center}.stopwatch-panel__clock-label{color:#4b5563;font-size:14px;font-weight:700}.stopwatch-panel__state{background:#f3f4f6;border-radius:999px;color:#4b5563;font-size:12px;font-weight:800;padding:5px 9px}.stopwatch-panel__state--running{background:#ecfdf3;color:#15803d}.stopwatch-panel__state--paused{background:#fff7ed;color:#c2410c}.stopwatch-panel__value{color:#111827;display:block;font-family:ui-monospace,SFMono-Regular,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:clamp(36px,6.2vw,76px);font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:-.06em;line-height:1;margin:clamp(22px,5vw,54px) auto 6px;max-width:100%;text-align:center;white-space:nowrap;width:12ch}.stopwatch-panel__format{color:#9ca3af;font-size:12px;text-align:center}.stopwatch-panel__actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:clamp(24px,5vw,48px)}.stopwatch-panel__primary-action{min-width:132px}.stopwatch-panel__error,.stopwatch-panel__status{font-size:13px;margin-top:14px;text-align:center}.stopwatch-panel__error{color:#b91c1c}.stopwatch-panel__laps{border-left:1px solid rgba(17,24,39,.09);display:flex;flex-direction:column;min-height:320px}.stopwatch-panel__laps-title{font-size:18px}.stopwatch-panel__laps-count{font-size:13px;margin-top:3px}.stopwatch-panel__lap-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:18px 0 0;max-height:420px;overflow-y:auto;padding:0 4px 0 0;scrollbar-gutter:stable}.stopwatch-panel__lap{border-bottom:1px solid rgba(17,24,39,.08);display:grid;font-variant-numeric:tabular-nums;gap:12px;grid-template-columns:minmax(72px,.65fr) minmax(120px,1fr) minmax(120px,1fr);padding:12px 4px}.stopwatch-panel__lap-number{color:#111827;font-weight:800}.stopwatch-panel__lap-split,.stopwatch-panel__lap-total{display:flex;flex-direction:column;gap:2px;min-width:0}.stopwatch-panel__lap-split span,.stopwatch-panel__lap-total span{color:#9ca3af;font-size:11px;font-weight:700;text-transform:uppercase}.stopwatch-panel__lap-split strong,.stopwatch-panel__lap-total strong{color:#374151;font-size:13px;min-width:0;overflow-wrap:anywhere}.stopwatch-panel__laps-empty{display:grid;flex:1;gap:10px;justify-items:center;padding:30px 16px;place-content:center;text-align:center}.stopwatch-panel__laps-empty svg{color:#d1d5db;height:34px;width:34px}.stopwatch-panel--fullscreen .stopwatch-panel__workspace{flex:1}@media(max-width:920px){.stopwatch-panel__workspace{grid-template-columns:minmax(0,1fr)}.stopwatch-panel__laps{border-left:0;border-top:1px solid rgba(17,24,39,.09);min-height:250px;padding-top:22px}}@media(max-width:560px){.stopwatch-panel{border-radius:18px;gap:14px}.stopwatch-panel:fullscreen{border-radius:0;padding:14px}.stopwatch-panel__clock,.stopwatch-panel__laps{padding:15px}.stopwatch-panel__heading-icon{flex-basis:40px;height:40px;width:40px}.stopwatch-panel__subtitle{display:none}.stopwatch-panel__value{font-size:clamp(31px,10.5vw,48px);margin-top:34px}.stopwatch-panel__actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.stopwatch-panel__primary-action{grid-column:1/-1;width:100%}.stopwatch-panel__lap{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.stopwatch-panel__lap-number{grid-column:1/-1}}