.timer-container{max-width:700px;margin:0 auto;padding:24px 0}.timer-display{text-align:center;-webkit-user-select:none;user-select:none;justify-content:center;align-items:baseline;padding:24px 0;font-family:SF Mono,Roboto Mono,Consolas,monospace;font-size:5rem;font-weight:700;display:flex}.timer-display-ms{color:var(--muted-foreground);font-size:3rem}.timer-display-colon{color:#5c4adc;padding:0 4px}.timer-display-label{color:var(--muted-foreground);text-align:center;margin-top:-8px;margin-bottom:16px;font-family:inherit;font-size:11px;font-weight:400}.timer-buttons{justify-content:center;gap:12px;margin-bottom:24px;display:flex}.timer-btn{cursor:pointer;border:none;border-radius:10px;min-width:100px;padding:12px 32px;font-size:15px;font-weight:600;transition:all .2s}.timer-btn-start{color:#fff;background:#52c41a}.timer-btn-start:hover{background:#449d10}.timer-btn-stop{color:#fff;background:#ff4d4f}.timer-btn-stop:hover{background:#d9363e}.timer-btn-lap{color:#fff;background:#5c4adc}.timer-btn-lap:hover{background:#4a3ab5}.timer-btn-reset{color:#666;background:#f5f5f5;border:1px solid #e0e0e0}.timer-btn-reset:hover{background:#e8e8e8}.timer-btn-pause{color:#fff;background:#faad14}.timer-btn-pause:hover{background:#d49712}.timer-btn-resume{color:#fff;background:#52c41a}.timer-btn-resume:hover{background:#449d10}.timer-lap-table{border-collapse:collapse;width:100%}.timer-lap-table th{text-align:left;color:#999;border-bottom:2px solid #f0f0f0;padding:8px 16px;font-size:12px;font-weight:600}.timer-lap-table td{border-bottom:1px solid #f0f0f0;padding:8px 16px;font-family:SF Mono,Roboto Mono,Consolas,monospace;font-size:14px}.timer-lap-table tbody tr:hover{background:#fafafa}.timer-input-group{justify-content:center;align-items:center;gap:8px;margin-bottom:16px;display:flex}.timer-input-field{flex-direction:column;align-items:center;gap:4px;display:flex}.timer-input{text-align:center;border:2px solid #e0e0e0;border-radius:10px;outline:none;width:80px;padding:12px;font-family:SF Mono,Roboto Mono,Consolas,monospace;font-size:28px;font-weight:700;transition:border-color .2s}.timer-input:focus{border-color:#5c4adc}.timer-input-label{color:var(--muted-foreground);text-transform:uppercase;font-size:11px}.timer-input-sep{color:#ccc;padding-bottom:18px;font-size:28px;font-weight:700}.timer-quick-set{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:24px;display:flex}.timer-quick-btn{cursor:pointer;color:#666;background:#fff;border:1px solid #e0e0e0;border-radius:20px;padding:6px 16px;font-size:13px;transition:all .2s}.timer-quick-btn:hover{color:#5c4adc;border-color:#5c4adc}.timer-timeup{text-align:center;padding:20px;animation:1s infinite timer-pulse}.timer-timeup-text{color:#ff4d4f;font-size:28px;font-weight:700}@keyframes timer-pulse{0%,to{opacity:1}50%{opacity:.5}}.timer-countdown-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px;display:grid}.timer-countdown-item{text-align:center;background:#f0eeff;border:1px solid #d4ccff;border-radius:12px;padding:20px 8px}.timer-countdown-num{color:#5c4adc;font-family:SF Mono,Roboto Mono,Consolas,monospace;font-size:36px;font-weight:700;line-height:1.2;display:block}.timer-countdown-label{color:#666;text-transform:uppercase;margin-top:4px;font-size:12px;display:block}.timer-event-name{text-align:center;color:#5c4adc;margin-bottom:16px;font-size:18px;font-weight:600}.timer-presets{flex-wrap:wrap;gap:8px;display:flex}.timer-preset-btn{cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:8px 16px;font-size:13px;transition:all .2s}.timer-preset-btn:hover{color:#5c4adc;border-color:#5c4adc}.timer-form-row{flex-wrap:wrap;gap:12px;margin-bottom:12px;display:flex}.timer-form-field{flex-direction:column;flex:1;gap:6px;min-width:160px;display:flex}.timer-form-label{color:#333;font-size:13px;font-weight:600}.timer-form-input{border:1px solid #e0e0e0;border-radius:8px;outline:none;width:100%;padding:8px 14px;font-size:14px;transition:border-color .2s}.timer-form-input:focus{border-color:#5c4adc}@media (max-width:640px){.timer-display{font-size:3.5rem}.timer-display-ms{font-size:2rem}.timer-input{width:60px;padding:10px;font-size:22px}.timer-countdown-grid{grid-template-columns:repeat(2,1fr)}.timer-countdown-num{font-size:28px}}