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