.stopwatch-view{display:flex;flex-direction:column;align-items:center;width:100%;max-width:450px;flex-grow:1;min-height:0}.time-display{font-size:clamp(4rem,18vw,6.5rem);font-weight:300;color:var(--color-text-primary);margin:30px 0 40px;font-variant-numeric:tabular-nums;letter-spacing:-1px;user-select:none;-webkit-user-select:none;transition:color .3s ease;line-height:1.1;text-align:center}.time-display .milliseconds{font-size:.5em;color:var(--color-text-secondary);font-weight:400;transition:color .3s ease}.action-buttons{display:flex;justify-content:space-between;width:100%;max-width:450px;margin-bottom:30px;padding:0 10px;gap:20px}.control-button{font-family:inherit;font-size:1rem;font-weight:500;border:0;width:100px;height:60px;border-radius:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s var(--ease-cubic),transform .1s ease-out,opacity .3s ease,color .2s ease;flex-shrink:0;user-select:none;outline:0}.control-button:active:not(:disabled){transform:scale(.95)}.control-button.start-button{background-color:rgba(48,209,88,.15);color:#28c950}[data-theme=dark] .control-button.start-button{background-color:rgba(48,209,88,.25);color:#28c950}.control-button.stop-button{background-color:rgba(255,69,58,.15);color:var(--color-error)}[data-theme=dark] .control-button.stop-button{background-color:rgba(255,69,58,.25);color:var(--color-error)}.control-button.lap-button,.control-button.reset-button{background-color:var(--color-button-secondary-bg);color:var(--color-text-secondary);transition:background-color .3s ease,color .3s ease,opacity .3s ease}.control-button.lap-button:hover:not(:disabled),.control-button.reset-button:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-button-secondary-bg),black 8%);color:var(--color-text-primary)}.control-button:disabled{opacity:.4;cursor:not-allowed;transform:scale(1);background-color:var(--color-button-secondary-bg)!important;color:var(--color-text-tertiary)!important}.laps-container{width:100%;max-width:450px;flex-grow:1;overflow-y:auto;border-top:1px solid var(--color-border);padding-top:10px;margin-top:10px;transition:border-color .3s ease;min-height:100px}.laps-container::-webkit-scrollbar{width:6px}.laps-container::-webkit-scrollbar-track{background:0 0}.laps-container::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:3px}.laps-list{list-style:none;padding:0;margin:0}.lap-item{display:flex;justify-content:space-between;align-items:center;padding:12px 5px;font-size:.95rem;color:var(--color-text-primary);border-bottom:1px solid var(--color-border);transition:border-color .3s ease,color .3s ease}.lap-item:last-child{border-bottom:none}.lap-item .lap-number{font-size:.9rem;color:var(--color-text-secondary);transition:color .3s ease;min-width:50px}.lap-item .lap-time{font-weight:400;font-variant-numeric:tabular-nums}.lap-item.fastest .lap-time{color:#30d158}[data-theme=dark] .lap-item.fastest .lap-time{color:#32d74b}.lap-item.slowest .lap-time{color:var(--color-error)}.laps-empty-state{padding:30px 0;color:var(--color-text-tertiary);font-size:.95rem;text-align:center;transition:color .3s ease;display:list-item}.keyboard-shortcuts{width:100%;max-width:450px;margin:20px auto 40px;padding:15px 20px;background-color:var(--color-surface);border-radius:8px;border:1px solid var(--color-border);transition:background-color .3s ease,border-color .3s ease,color .3s ease}.keyboard-shortcuts dd,.keyboard-shortcuts h3{color:var(--color-text-secondary);transition:color .3s ease}.keyboard-shortcuts h3{font-size:.9rem;font-weight:500;text-align:center;margin-bottom:12px;display:flex;align-items:center;justify-content:center}.keyboard-shortcuts h3 .material-symbols-outlined{font-size:18px;margin-left:6px}.keyboard-shortcuts dl{font-size:.85rem;display:grid;grid-template-columns:auto 1fr;gap:8px 15px}.keyboard-shortcuts code,.keyboard-shortcuts dt{white-space:nowrap;color:var(--color-text-primary)}.keyboard-shortcuts dt{font-weight:500;text-align:left;transition:color .3s ease}.keyboard-shortcuts dd{margin-right:0}.keyboard-shortcuts code{font-family:"SF Mono","Fira Code",Menlo,Monaco,Consolas,"Courier New",monospace;background-color:var(--color-code-bg);border:1px solid var(--color-code-border);border-radius:4px;padding:2px 6px;font-size:.8rem;margin:0 2px;transition:background-color .3s ease,border-color .3s ease,color .3s ease}@media (max-width:600px){.control-button{width:100px;height:60px;font-size:.9rem}.time-display{margin:20px 0 30px}.keyboard-shortcuts dl{grid-template-columns:1fr;text-align:center}.keyboard-shortcuts dt{text-align:center;margin-bottom:-4px}}@media (max-width:380px){.control-button{width:80px;height:40px;font-size:.8rem}.keyboard-shortcuts{padding:10px 15px}.lap-item{font-size:.9rem;padding:10px 3px}.lap-item .lap-number{font-size:.85rem}}:fullscreen .main-content{justify-content:center}:fullscreen .time-display{font-size:clamp(4rem,15vw,12rem)!important;color:#fff!important;margin:0!important;margin-bottom:1rem!important;margin-top:1rem!important}:fullscreen .time-display .milliseconds{color:#8e8e93!important;font-size:.4em!important}:fullscreen .keyboard-shortcuts,:fullscreen .seo-content{display:none!important}:fullscreen .lap-item{color:var(--color-text-secondary)}