.chrono-stage{gap:22px;padding-top:var(--space-4);padding-bottom:var(--space-3)}.chrono-read{text-align:center;width:100%;max-width:520px;display:grid;gap:14px;justify-items:center;border-radius:var(--radius-media)}.chrono-time{font-size:clamp(3.4rem,14vw,6.4rem);white-space:nowrap;display:flex;justify-content:center;transition:color .2s ease}.chrono-time.is-long{font-size:clamp(2.6rem,10vw,5rem)}.chrono-time>span{width:.6em}.chrono-time>span.sep{width:.28em}.chrono-stage.is-running .chrono-time{color:var(--color-ink)}.chrono-stage:not(.is-running) .chrono-time{color:var(--color-ink-soft)}.chrono-sweep{position:relative;width:100%;height:24px}.chrono-ticks{width:100%;height:100%;display:block}.chrono-ticks line{stroke:var(--color-surface-3);stroke-width:1.5}.chrono-ticks line.mid{stroke:color-mix(in srgb,var(--color-gray) 55%,var(--color-surface-3))}.chrono-ticks line.big{stroke:var(--color-gray);stroke-width:2}.chrono-sweep__dot{position:absolute;top:50%;left:0;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-dim),0 0 14px var(--color-accent-glow)}.chrono-lapnow{display:flex;align-items:center;justify-content:center;gap:10px;min-height:28px;font-size:var(--fs-sm);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-gray);font-variant-numeric:tabular-nums}.chrono-delta{text-transform:none;padding:3px 10px;border-radius:999px;font-size:var(--fs-xs);letter-spacing:.02em;color:var(--color-warn);background:color-mix(in srgb,var(--color-warn) 12%,transparent);border:1px solid color-mix(in srgb,var(--color-warn) 40%,transparent)}.chrono-delta.is-ahead{color:var(--color-accent-ink);background:var(--color-accent-dim);border-color:color-mix(in srgb,var(--color-accent) 45%,transparent)}.chrono-read.is-lap{animation:chrono-lap .45s ease-out}@keyframes chrono-lap{0%{background:var(--color-accent-dim)}to{background:transparent}}.chrono-actions{display:flex;align-items:center;justify-content:center;gap:var(--space-4)}.chrono-lapbtn:not([disabled]){border-color:color-mix(in srgb,var(--color-accent) 50%,transparent);color:var(--color-accent-ink)}.chrono-labels{display:grid;grid-template-columns:56px 92px 56px;column-gap:var(--space-4);margin-top:-14px;font-size:var(--fs-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-gray);text-align:center}.chrono-head-tools{display:flex;align-items:center;gap:10px}.lap-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.lap-summary>div{background:var(--color-surface-2);border:1px solid var(--color-hairline);border-radius:var(--radius);padding:8px 10px;display:flex;flex-direction:column;gap:2px;min-width:0;box-shadow:var(--shadow-sm)}.lap-summary__label{font-size:var(--fs-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-gray)}.lap-summary__val{font-weight:700;font-variant-numeric:tabular-nums}.lap-summary__val.is-best,.lap.is-best .lap__time{color:var(--color-accent-ink)}.lap-summary__val.is-worst,.lap.is-worst .lap__time{color:var(--color-warn)}.laps{max-height:420px;overflow-y:auto}.lap{position:relative;font-variant-numeric:tabular-nums;min-height:46px;padding:8px 0}.lap:after{content:"";position:absolute;left:34px;bottom:4px;height:3px;width:calc((100% - 34px) * var(--p, 0));border-radius:2px;background:var(--color-surface-3)}.lap.is-best:after{background:color-mix(in srgb,var(--color-accent) 50%,transparent)}.lap.is-worst:after{background:color-mix(in srgb,var(--color-warn) 50%,transparent)}.lap.is-new{animation:lap-in .3s var(--ease)}@keyframes lap-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.lap__n{width:34px;flex:0 0 auto;font-weight:700;color:var(--color-gray)}.lap__time{font-weight:700;font-size:1.05rem}.lap__total{color:var(--color-gray);font-size:var(--fs-base)}.lap__tag{font-size:var(--fs-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border-radius:999px;border:1px solid currentColor}.lap.is-best .lap__tag{color:var(--color-accent-ink)}.lap.is-worst .lap__tag{color:var(--color-warn)}@media (max-width: 600px){.chrono-stage{padding-top:var(--space-3);gap:18px}.chrono-actions{gap:var(--space-3)}.chrono-labels{column-gap:var(--space-3);grid-template-columns:56px 76px 56px}}.chrono-stage:is(:fullscreen,.is-stage-mode){gap:min(4vh,36px)}.chrono-stage:is(:fullscreen,.is-stage-mode) .kbd-hints{display:none}.chrono-stage:is(:fullscreen,.is-stage-mode) .chrono-read{max-width:min(94vw,1200px);gap:3vh}.chrono-stage:is(:fullscreen,.is-stage-mode) .chrono-time{font-size:min(17vw,30vh)}.chrono-stage:is(:fullscreen,.is-stage-mode) .chrono-time.is-long{font-size:min(12.5vw,24vh)}.chrono-stage:is(:fullscreen,.is-stage-mode) .chrono-sweep{height:36px}.chrono-stage:is(:fullscreen,.is-stage-mode) .chrono-sweep__dot{width:18px;height:18px;margin:-9px 0 0 -9px}.chrono-stage:is(:fullscreen,.is-stage-mode) .chrono-lapnow{font-size:min(3.2vmin,1.5rem)}.chrono-stage:is(:fullscreen,.is-stage-mode) .chrono-delta{font-size:min(2.8vmin,1.25rem);padding:4px 14px}.chrono-stage:is(:fullscreen,.is-stage-mode) .chrono-actions .icon-btn--lg{width:72px;height:72px}.chrono-stage:is(:fullscreen,.is-stage-mode) .chrono-actions .icon-btn--lg svg{width:30px;height:30px}.chrono-stage:is(:fullscreen,.is-stage-mode) .chrono-labels{grid-template-columns:72px 120px 72px;font-size:var(--fs-sm);margin-top:-8px}.lap-summary__val.is-worst,.lap.is-worst .lap__time,.lap.is-worst .lap__tag{color:var(--orange-ink)}.lap.is-worst:after{background:color-mix(in srgb,var(--orange) 55%,transparent)}.ptl-ico{display:inline-block;width:16px;height:16px;margin:0 6px 0 0;vertical-align:-3px;color:var(--g-ink, var(--color-accent-ink));flex:0 0 auto}[role=tab] .ptl-ico{margin-right:6px}[role=tab][aria-selected=true] .ptl-ico{color:inherit}@media (max-width: 600px){[role=tab] .ptl-ico{display:none}}
