.stopwatch-page{padding-top:42px}.stopwatch-heading h1{letter-spacing:-1.4px;margin-top:12px;font-size:clamp(30px,3.2vw,44px)}.stopwatch-heading>p:last-child{color:var(--muted);margin-top:12px}.stopwatch-layout{grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:28px;margin-top:34px;display:grid}.stopwatch-face,.stopwatch-laps{border:1px solid var(--line);border-radius:18px;min-width:0;padding:28px}.stopwatch-face{background:var(--surface);text-align:center}.stopwatch-face-heading,.stopwatch-laps-heading{text-align:left;justify-content:space-between;align-items:center;gap:12px;display:flex}.stopwatch-phase{color:var(--brand);background:var(--tint);text-align:center;border-radius:999px;min-width:92px;padding:6px 16px;font-size:13px}.stopwatch-page[data-phase=running] .stopwatch-phase{color:var(--on-brand);background:var(--brand)}.stopwatch-value,.stopwatch-expanded-value{letter-spacing:-4px;font-variant-numeric:tabular-nums;white-space:nowrap;margin:64px 0 18px;font-size:clamp(64px,7.5vw,112px);font-weight:400;line-height:1.2}.stopwatch-value[data-long=true]{letter-spacing:-2px;font-size:clamp(38px,4.7vw,70px)}.stopwatch-caption{color:var(--muted);margin-bottom:64px}.stopwatch-controls{justify-content:center;gap:12px;display:flex}.stopwatch-controls .button{min-width:110px;min-height:48px}.stopwatch-reset{color:var(--muted);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;margin:16px auto 0;padding:10px 16px;text-decoration:underline;display:block}.stopwatch-page button:disabled{opacity:.55;cursor:default}.stopwatch-announcement{min-height:44px;color:var(--muted);margin-top:12px;font-size:13px}.stopwatch-shortcuts{color:var(--muted);margin-top:10px;font-size:12px}.stopwatch-laps{flex-direction:column;display:flex}.stopwatch-laps h2{font-size:25px}.stopwatch-laps-heading span{color:var(--muted);font-size:12px}.stopwatch-lap-scroll{scrollbar-gutter:stable;overflow-anchor:none;min-height:290px;max-height:330px;margin:20px -8px 18px 0;padding-right:8px;overflow-y:auto}.stopwatch-lap-list{margin:0;padding:0;list-style:none}.stopwatch-lap-row{border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;padding:18px 0;display:grid}.stopwatch-lap-number{padding-top:4px;font-size:13px}.stopwatch-lap-times{text-align:right}.stopwatch-lap-split{font-size:23px;display:block}.stopwatch-lap-total{color:var(--muted);margin-top:3px;font-size:12px;display:block}.stopwatch-lap-split-label{color:var(--muted);margin-right:7px;font-size:11px}.stopwatch-lap-empty{color:var(--muted);margin-top:28px;font-size:13px}.stopwatch-lap-empty:not([hidden])+.stopwatch-lap-scroll{min-height:220px}.stopwatch-laps>.button{align-self:flex-start;min-height:44px;margin-top:auto}.stopwatch-copy-status{min-height:36px;color:var(--muted);margin-top:10px;font-size:12px}.stopwatch-lap-limit{color:var(--muted);margin-bottom:16px;font-size:12px}.stopwatch-copy-fallback label,.stopwatch-copy-fallback p{color:var(--muted);margin-block:8px;font-size:12px;display:block}.stopwatch-copy-fallback textarea{resize:vertical;width:100%;color:var(--ink);background:var(--surface);border:1px solid var(--control);font:inherit;border-radius:8px;padding:10px;font-size:12px}.stopwatch-notice{background:var(--tint);color:var(--ink);border-radius:10px;margin-top:18px;padding:14px 18px;font-size:13px}.stopwatch-help{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:44px;margin-top:40px;padding:28px 0 36px;display:grid}.stopwatch-help h2{font-size:24px}.stopwatch-help p{color:var(--muted);margin-bottom:12px;font-size:13px}.stopwatch-reset-dialog{border:1px solid var(--line);background:var(--surface);width:min(460px,100% - 32px);color:var(--ink);border-radius:18px;max-height:calc(100dvh - 32px);padding:28px;overflow:auto}.stopwatch-reset-dialog::backdrop,.stopwatch-expanded::backdrop{background:#10251eaa}.stopwatch-reset-dialog h2{margin:12px 0 16px}.stopwatch-reset-dialog p:not(.eyebrow){color:var(--muted);font-size:14px}.stopwatch-dialog-actions{justify-content:flex-end;gap:12px;margin-top:26px;display:flex}.stopwatch-expanded{color:var(--ink);background:var(--surface);text-align:center;border:0;width:100%;max-width:none;height:100%;max-height:none;padding:32px}.stopwatch-expanded[open]{flex-direction:column;justify-content:center;align-items:center;display:flex}.stopwatch-expanded h2{color:var(--muted);font-size:20px}.stopwatch-expanded-value{font-size:clamp(70px,14vw,220px)}.stopwatch-expanded-value[data-long=true]{font-size:clamp(44px,9vw,150px)}.stopwatch-expanded [role=status]{color:var(--muted);margin-top:28px;font-size:13px}@media (width<=900px){.stopwatch-layout{grid-template-columns:minmax(0,1fr)}.stopwatch-lap-scroll,.stopwatch-lap-empty:not([hidden])+.stopwatch-lap-scroll{min-height:0}.stopwatch-lap-empty{margin-bottom:24px}}@media (width<=640px){.stopwatch-page{padding-top:28px}.stopwatch-layout{gap:24px;margin-top:26px}.stopwatch-face,.stopwatch-laps{padding:22px 16px}.stopwatch-face-heading .eyebrow{font-size:10px}.stopwatch-value{letter-spacing:-2px;margin-top:40px;font-size:clamp(52px,16vw,82px)}.stopwatch-value[data-long=true]{letter-spacing:-1px;font-size:clamp(32px,9vw,48px)}.stopwatch-caption{margin-bottom:36px;font-size:14px}.stopwatch-controls{gap:8px;width:100%}.stopwatch-controls .button{flex:1;min-width:0;padding-inline:8px;font-size:12px}.stopwatch-help{grid-template-columns:minmax(0,1fr);gap:14px}.stopwatch-expanded{padding:20px 16px}.stopwatch-expanded-value{letter-spacing:-2px;font-size:17vw}.stopwatch-expanded-value[data-long=true]{font-size:10vw}.stopwatch-dialog-actions{flex-direction:column}.stopwatch-lap-split{font-size:21px}}