.timer-stopwatch-container{max-width:500px;margin:0 auto;background:var(--card-bg);padding:2.5rem;border-radius:16px;border:1px solid var(--card-border);display:flex;flex-direction:column;align-items:center;}.unit-tabs{display:flex;background:rgba(255,255,255,0.05);border-radius:8px;margin-bottom:2rem;overflow:hidden;width:100%;}.tab-link{flex:1;padding:1rem;background:none;border:none;color:var(--text-color-light);font-size:1rem;font-weight:500;cursor:pointer;transition:background 0.3s ease;}.tab-link.active{background:var(--primary-color);color:#fff;}.display-container{position:relative;width:300px;height:300px;margin-bottom:2rem;display:flex;justify-content:center;align-items:center;}.progress-ring{transform:rotate(-90deg);}.progress-ring-bg{fill:none;stroke:rgba(255,255,255,0.1);stroke-width:10;}.progress-ring-circle{fill:none;stroke:var(--primary-color);stroke-width:10;stroke-linecap:round;transition:stroke-dashoffset 0.2s linear;}.time-display{position:absolute;font-size:3.5rem;font-weight:600;font-family:'Courier New',Courier,monospace;color:var(--text-color);}.timer-inputs{display:flex;justify-content:center;align-items:center;gap:0.5rem;margin-bottom:2rem;}.timer-inputs input{width:70px;padding:0.75rem;background:rgba(255,255,255,0.05);border:1px solid var(--card-border);border-radius:8px;color:var(--text-color);font-size:1.5rem;text-align:center;-moz-appearance:textfield;}.timer-inputs input::-webkit-outer-spin-button,.timer-inputs input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}.timer-inputs span{font-size:1.5rem;font-weight:bold;color:var(--primary-color);}.controls{display:flex;gap:1rem;}.controls .btn{display:flex;align-items:center;gap:0.5rem;min-width:120px;justify-content:center;}.laps-container{width:100%;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--card-border);}.laps-container h3{text-align:center;color:var(--text-color-light);margin:0 0 1rem 0;}#laps-list{list-style:none;padding:0;max-height:200px;overflow-y:auto;display:flex;flex-direction:column-reverse;}#laps-list li{display:flex;justify-content:space-between;padding:0.75rem 0.5rem;border-bottom:1px solid var(--card-border);}#laps-list li:first-child{border-bottom:none;}#laps-list .lap-number{color:var(--text-color-light);}@media screen and (max-width:480px){.controls{flex-direction:column;width:100%;}}