[data-tool="chronometre"]{--stopwatch-border: var(--outil-bord);--stopwatch-surface: var(--outil-surface);--stopwatch-card: #fff;--stopwatch-action: var(--outil-action);--stopwatch-action-hover: var(--outil-action-hover);--stopwatch-title: #111827;--stopwatch-text: #1f2937;--stopwatch-muted: #374151;--stopwatch-soft: #ecfdf3;--stopwatch-ring-soft: #dff4e6;--stopwatch-shadow: 0 14px 34px rgb(var(--outil-ombre-rgb) / 0.09);display: grid;gap: 1rem;color: var(--stopwatch-text)}[data-tool="chronometre"],[data-tool="chronometre"] *,[data-tool="chronometre"] *::before,[data-tool="chronometre"] *::after{box-sizing: border-box}[data-tool="chronometre"] button:not(:disabled){cursor: pointer}[data-tool="chronometre"] button:disabled{cursor: not-allowed}[data-tool="chronometre"] .stopwatch-intro{margin: 0;color: var(--stopwatch-muted);line-height: 1.55}[data-tool="chronometre"] .stopwatch-sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;border: 0}[data-tool="chronometre"] .stopwatch-layout{display: grid;grid-template-columns: minmax(15.5rem,0.72fr) minmax(0,1.72fr);gap: clamp(1rem,2.5vw,1.6rem);align-items: stretch}[data-tool="chronometre"] .stopwatch-side{display: grid;grid-template-rows: auto minmax(0,1fr);gap: 1rem;min-width: 0}[data-tool="chronometre"] .stopwatch-summary-panel{padding: 0.3rem 0.15rem 0.2rem}[data-tool="chronometre"] .stopwatch-summary-panel h2,[data-tool="chronometre"] .stopwatch-laps-panel h2{margin: 0;color: var(--stopwatch-title);font-size: 1.05rem;font-weight: 900;line-height: 1.2}[data-tool="chronometre"] .stopwatch-summary-panel h2{margin-bottom: 0.55rem}[data-tool="chronometre"] .stopwatch-summary-list{display: grid;gap: 0.35rem;margin: 0}[data-tool="chronometre"] .stopwatch-summary-list div{display: grid;grid-template-columns: minmax(0,1fr) auto;gap: 0.55rem;align-items: baseline;padding: 0.32rem 0;border-bottom: 1px solid var(--stopwatch-border)}[data-tool="chronometre"] .stopwatch-summary-list div:last-child{border-bottom: 0}[data-tool="chronometre"] .stopwatch-summary-list dt{color: var(--stopwatch-muted);font-size: 0.88rem;font-weight: 800}[data-tool="chronometre"] .stopwatch-summary-list dd{margin: 0;color: var(--stopwatch-title);font-size: 0.98rem;font-weight: 900;font-variant-numeric: tabular-nums;white-space: nowrap}[data-tool="chronometre"] .stopwatch-laps-panel{min-height: 0;border: 1px solid var(--stopwatch-border);border-radius: 1rem;background: var(--stopwatch-card);box-shadow: var(--stopwatch-shadow);padding: 0.95rem}[data-tool="chronometre"] .stopwatch-laps-panel h2{margin-bottom: 0.75rem;text-align: center}[data-tool="chronometre"] .stopwatch-laps-list{display: grid;gap: 0.55rem;max-height: 23rem;overflow: auto;margin: 0;padding: 0;list-style: none}[data-tool="chronometre"] .stopwatch-lap-empty{padding: 0.85rem;color: var(--stopwatch-muted);text-align: center;font-weight: 700}[data-tool="chronometre"] .stopwatch-lap-item{display: grid;grid-template-columns: auto minmax(0,1fr);gap: 0.45rem 0.65rem;align-items: center;border: 1px solid var(--stopwatch-border);border-radius: 0.8rem;background: var(--stopwatch-surface);padding: 0.68rem 0.72rem}[data-tool="chronometre"] .stopwatch-lap-index{grid-row: span 2;display: grid;place-items: center;min-width: 2rem;height: 2rem;border-radius: 0.62rem;background: var(--stopwatch-action);color: #fff;font-weight: 900}[data-tool="chronometre"] .stopwatch-lap-duration,[data-tool="chronometre"] .stopwatch-lap-total{min-width: 0;font-variant-numeric: tabular-nums}[data-tool="chronometre"] .stopwatch-lap-duration{color: var(--stopwatch-title);font-size: 0.98rem;font-weight: 900}[data-tool="chronometre"] .stopwatch-lap-total{color: var(--stopwatch-muted);font-size: 0.82rem;font-weight: 800}[data-tool="chronometre"] .stopwatch-main-panel{position: relative;min-width: 0;min-height: clamp(29rem,55vw,38rem);display: grid;place-items: center;gap: 1.35rem;align-content: center;border: 1px solid var(--stopwatch-border);border-radius: 1rem;background: var(--stopwatch-card);box-shadow: var(--stopwatch-shadow);padding: clamp(1.15rem,3.5vw,2.25rem);overflow: hidden}[data-tool="chronometre"] .stopwatch-ring{position: relative;width: min(34rem,100%);aspect-ratio: 1;display: grid;place-items: center}[data-tool="chronometre"] .stopwatch-ring-svg{position: absolute;inset: 0;width: 100%;height: 100%;transform: rotate(-90deg);overflow: visible}[data-tool="chronometre"] .stopwatch-ring-track,[data-tool="chronometre"] .stopwatch-ring-progress{fill: none;stroke-width: 7.2}[data-tool="chronometre"] .stopwatch-ring-track{stroke: var(--stopwatch-ring-soft)}[data-tool="chronometre"] .stopwatch-ring-progress{stroke: var(--stopwatch-action);stroke-linecap: round;stroke-dasharray: 326.73;stroke-dashoffset: 326.73;transition: stroke-dashoffset 0.12s linear}[data-tool="chronometre"] .stopwatch-display-shell{position: relative;z-index: 1;width: 78%;min-height: 78%;display: grid;place-content: center;gap: 0.8rem;border: 1px solid var(--stopwatch-border);border-radius: 50%;background: linear-gradient(180deg,#fff 0%,var(--stopwatch-surface) 100%);text-align: center;padding: 1rem}[data-tool="chronometre"] .stopwatch-display{display: block;max-width: 100%;color: var(--stopwatch-title);font-size: clamp(1.55rem,5.4vw,3.45rem);font-weight: 900;font-variant-numeric: tabular-nums;letter-spacing: -0.055em;line-height: 1;white-space: nowrap}[data-tool="chronometre"] .stopwatch-status{margin: 0;color: var(--stopwatch-muted);font-size: clamp(0.86rem,1.8vw,1rem);font-weight: 900;line-height: 1.25}[data-tool="chronometre"] .stopwatch-actions{display: flex;flex-wrap: wrap;justify-content: center;gap: 0.7rem;width: 100%}[data-tool="chronometre"] .stopwatch-action-primary,[data-tool="chronometre"] .stopwatch-action-secondary{min-height: 2.75rem;border-radius: 0.7rem;touch-action: manipulation;transition: background-color 0.14s ease,border-color 0.14s ease,color 0.14s ease,box-shadow 0.14s ease,transform 0.1s ease,opacity 0.14s ease}[data-tool="chronometre"] .stopwatch-action-primary{min-width: 10rem;background: var(--stopwatch-action);border-color: var(--stopwatch-action);color: #fff}[data-tool="chronometre"] .stopwatch-action-primary:hover,[data-tool="chronometre"] .stopwatch-action-primary:focus-visible{background: var(--stopwatch-action-hover);border-color: var(--stopwatch-action-hover);color: #fff}[data-tool="chronometre"] .stopwatch-action-secondary:hover,[data-tool="chronometre"] .stopwatch-action-secondary:focus-visible{border-color: var(--stopwatch-action);color: var(--stopwatch-action)}[data-tool="chronometre"] .stopwatch-action-primary:not(:disabled):active,[data-tool="chronometre"] .stopwatch-action-secondary:not(:disabled):active{transform: translateY(2px) scale(0.98)}[data-tool="chronometre"] .stopwatch-action-primary:disabled,[data-tool="chronometre"] .stopwatch-action-secondary:disabled{opacity: 0.55}[data-tool="chronometre"][data-state="running"] .stopwatch-display-shell{border-color: var(--stopwatch-action);box-shadow: 0 0 0 0.35rem var(--stopwatch-soft)}[data-tool="chronometre"][data-state="running"] .stopwatch-status{color: var(--stopwatch-action)}[data-tool="chronometre"][data-state="paused"] .stopwatch-ring-progress{transition: stroke-dashoffset 0.2s ease}@media (max-width: 900px){[data-tool="chronometre"] .stopwatch-layout{grid-template-columns: 1fr}[data-tool="chronometre"] .stopwatch-main-panel{order: 1;min-height: auto}[data-tool="chronometre"] .stopwatch-side{order: 2;grid-template-rows: auto auto}[data-tool="chronometre"] .stopwatch-summary-list{grid-template-columns: repeat(2,minmax(0,1fr));gap: 0.35rem 0.85rem}[data-tool="chronometre"] .stopwatch-ring{width: min(28rem,100%)}}@media (max-width: 520px){[data-tool="chronometre"] .stopwatch-main-panel{padding: 1rem 0.8rem}[data-tool="chronometre"] .stopwatch-ring{width: min(21.5rem,100%)}[data-tool="chronometre"] .stopwatch-display-shell{width: 80%;min-height: 80%;gap: 0.5rem;padding: 0.8rem}[data-tool="chronometre"] .stopwatch-display{font-size: clamp(1.42rem,8vw,1.9rem);letter-spacing: -0.06em}[data-tool="chronometre"] .stopwatch-actions{gap: 0.55rem}[data-tool="chronometre"] .stopwatch-action-primary,[data-tool="chronometre"] .stopwatch-action-secondary{min-width: 0;flex: 1 1 8rem}[data-tool="chronometre"] .stopwatch-summary-list{grid-template-columns: 1fr}}