.main-timer{max-width:600px;margin:0 auto}.tabs{display:flex;gap:.5rem;margin-bottom:var(--spacing-xl);background:var(--bg-card);padding:var(--spacing-sm);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.tab{flex:1;padding:var(--spacing-md);background:0 0;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);font-family:inherit;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.tab:hover{background:var(--bg-body);color:var(--color-text)}.tab.active{background:var(--color-primary);color:var(--bg-body)}.tab-content{display:none}.tab-content.active{display:block}.timer-display-container{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg);border:1px solid var(--color-border);text-align:center}.timer-display{font-family:'JetBrains Mono','Courier New',monospace;font-size:4rem;font-weight:600;color:var(--color-text);letter-spacing:.05em;line-height:1}.timer-display .separator{color:var(--color-primary);animation:blink 1s infinite}@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}.timer-display .milliseconds{font-size:2rem;color:var(--color-text-muted);vertical-align:baseline}.timer-display .hours,.timer-display .minutes,.timer-display .seconds{display:inline-block;min-width:2ch}.timer-progress{height:6px;background:var(--bg-body);border-radius:3px;margin-top:var(--spacing-lg);overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border-radius:3px;width:100%;transition:width .1s linear}.controls{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);flex-wrap:wrap}.btn-control{flex:1;min-width:120px;padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-family:inherit;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-control:disabled{opacity:.5;cursor:not-allowed}.btn-start{background:linear-gradient(135deg,var(--color-success) 0,#059669 100%);color:#fff}.btn-start:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px rgba(16,185,129,.4)}.btn-pause{background:linear-gradient(135deg,var(--color-warning) 0,#d97706 100%);color:var(--bg-body)}.btn-pause:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px rgba(245,158,11,.4)}.btn-lap{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);color:var(--bg-body)}.btn-lap:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px var(--color-primary-muted)}.btn-reset{background:var(--bg-card);color:var(--color-text);border:1px solid var(--color-border)}.btn-reset:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--color-danger);color:var(--color-danger)}.timer-setup{margin-bottom:var(--spacing-lg)}.time-inputs{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.time-input-group{display:flex;flex-direction:column;align-items:center}.time-input-group input{width:80px;padding:var(--spacing-md);font-family:'JetBrains Mono',monospace;font-size:2rem;font-weight:600;text-align:center;background:var(--bg-body);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);transition:border-color .2s}.time-input-group input:focus{outline:0;border-color:var(--color-primary)}.time-input-group label{font-size:.8rem;color:var(--color-text-muted);margin-top:var(--spacing-xs);text-transform:uppercase;letter-spacing:1px}.input-separator{font-size:2rem;color:var(--color-text-muted);font-weight:600;margin-top:-1.5rem}.presets{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;justify-content:center}.preset-btn{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-body);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-family:inherit;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.preset-btn:hover{background:var(--color-primary-muted);border-color:var(--color-primary);color:var(--color-primary)}.timer-options{display:flex;gap:var(--spacing-lg);justify-content:center;flex-wrap:wrap}.checkbox-option{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;color:var(--color-text-secondary);font-size:.9rem}.checkbox-option input{width:18px;height:18px;accent-color:var(--color-primary)}.laps-container{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden}.laps-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-body);font-weight:600;color:var(--color-text);border-bottom:1px solid var(--color-border)}.laps-count{background:var(--color-primary-muted);color:var(--color-primary);padding:2px 10px;border-radius:20px;font-size:.85rem}.laps-list{list-style:none;max-height:300px;overflow-y:auto}.laps-list li{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border);font-family:'JetBrains Mono',monospace;font-size:.95rem}.laps-list li:last-child{border-bottom:none}.laps-list li:nth-child(odd){background:var(--bg-body)}.laps-list .lap-number{color:var(--color-primary);font-weight:600}.laps-list .lap-time{color:var(--color-text)}.laps-list .lap-total{color:var(--color-text-muted);font-size:.85rem}.laps-list .fastest{color:var(--color-success)}.laps-list .slowest{color:var(--color-danger)}.laps-empty{text-align:center;padding:var(--spacing-xl);color:var(--color-text-muted)}.info-box{background:var(--bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.info-box ul{margin:0;padding-left:1.25rem}.info-box li{margin-bottom:.5rem;color:var(--color-text-secondary)}.info-box li:last-child{margin-bottom:0}.timer-display.finished{color:var(--color-danger);animation:pulse .5s infinite}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.02)}}@media (max-width:600px){.timer-display{font-size:2.5rem}.timer-display .milliseconds{font-size:1.2rem}.time-input-group input{width:60px;font-size:1.5rem}.input-separator{font-size:1.5rem}.controls{flex-direction:column}.btn-control{min-width:auto}.presets{gap:.5rem}.preset-btn{font-size:.8rem;padding:var(--spacing-xs) var(--spacing-sm)}.timer-options{flex-direction:column;align-items:center;gap:var(--spacing-md)}}@media print{.breadcrumb,.controls,.footer,.info-box,.presets,.timer-options,.timer-setup{display:none!important}}