.main-stopwatch{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xl)}.stopwatch-display{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-xl) var(--spacing-2xl);border:1px solid var(--color-border);text-align:center;min-width:320px}.time-main{font-size:4rem;font-weight:700;color:var(--color-text);font-variant-numeric:tabular-nums;letter-spacing:2px;line-height:1}.time-ms{font-size:2rem;font-weight:600;color:var(--color-primary);font-variant-numeric:tabular-nums}.stopwatch-display.running .time-main{color:var(--color-primary)}.controls{display:flex;gap:var(--spacing-md);flex-wrap:wrap;justify-content:center}.btn-start{padding:var(--spacing-md) var(--spacing-xl);font-size:1.1rem;font-weight:600;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s;min-width:140px}.btn-start:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-start:disabled{opacity:.5;cursor:not-allowed}.btn-start.paused{background:#f59e0b}.btn-lap{padding:var(--spacing-md) var(--spacing-xl);font-size:1.1rem;font-weight:600;background:#8b5cf6;color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s;min-width:140px}.btn-lap:hover:not(:disabled){opacity:.9}.btn-lap:disabled{opacity:.5;cursor:not-allowed}.btn-reset{padding:var(--spacing-md) var(--spacing-xl);font-size:1.1rem;font-weight:600;background:var(--bg-card);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s;min-width:140px}.btn-reset:hover:not(:disabled){border-color:var(--color-primary)}.btn-reset:disabled{opacity:.5;cursor:not-allowed}.laps-section{width:100%;max-width:500px}.laps-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.laps-header h3{font-size:1rem;color:var(--color-text-secondary)}.btn-clear-laps{padding:var(--spacing-xs) var(--spacing-md);font-size:.85rem;background:var(--bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-secondary)}.btn-clear-laps:hover{border-color:#ef4444;color:#ef4444}.laps-list{max-height:300px;overflow-y:auto;background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--color-border)}.lap-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border);font-variant-numeric:tabular-nums}.lap-item:last-child{border-bottom:none}.lap-item.best{background:rgba(34,197,94,.1)}.lap-item.best .lap-time{color:#22c55e}.lap-item.worst{background:rgba(239,68,68,.1)}.lap-item.worst .lap-time{color:#ef4444}.lap-number{font-weight:600;color:var(--color-text-secondary);font-size:.9rem}.lap-time{font-weight:600;color:var(--color-text)}.lap-diff{font-size:.8rem;color:var(--color-text-muted);margin-left:var(--spacing-sm)}.lap-item.best .lap-diff::after{content:' 🏆'}.lap-item.worst .lap-diff::after{content:' 🐢'}.laps-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm);margin-top:var(--spacing-md)}.laps-stats .stat{background:var(--bg-card);border-radius:var(--radius-md);padding:var(--spacing-sm);text-align:center;border:1px solid var(--color-border)}.laps-stats .stat-label{display:block;font-size:.7rem;color:var(--color-text-muted);text-transform:uppercase;margin-bottom:2px}.laps-stats .stat-value{font-size:.9rem;font-weight:600;color:var(--color-text)}.laps-stats .stat-value.best{color:#22c55e}.laps-stats .stat-value.worst{color:#ef4444}.empty-laps{padding:var(--spacing-xl);text-align:center;color:var(--color-text-muted);font-size:.9rem}@media (max-width:600px){.time-main{font-size:2.5rem}.time-ms{font-size:1.25rem}.stopwatch-display{min-width:auto;width:100%;padding:var(--spacing-lg)}.controls{width:100%}.btn-lap,.btn-reset,.btn-start{flex:1;min-width:auto;padding:var(--spacing-sm) var(--spacing-md)}.laps-stats{grid-template-columns:repeat(2,1fr)}}