input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.timer-container{max-width:800px;margin:2rem auto;padding:2rem;font-family:Inter,sans-serif;border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-primary);box-shadow:var(--shadow-md)}.timer-header{text-align:center;margin-bottom:2rem}.timer-title{display:flex;align-items:center;justify-content:center;gap:1rem;font-size:2rem;font-weight:700;color:#1a1a1a;margin-bottom:1rem}.title-icon{color:var(--primary)}.letters-div{display:inline-flex}.letter{opacity:0;transform:translateY(10px);display:inline-block;animation:fadeInUp .4s forwards;color:var(--primary);font-size:2rem;font-weight:700;letter-spacing:.05em;text-shadow:0 2px 4px rgba(0,0,0,.1)}.letter:nth-child(1){animation-delay:.1s}.letter:nth-child(2){animation-delay:.15s}.letter:nth-child(3){animation-delay:.2s}.letter:nth-child(4){animation-delay:.25s}.letter:nth-child(5){animation-delay:.3s}.timer-description{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.timer-display{margin-bottom:2rem}.countdown{font-size:4rem;font-weight:700;text-align:center;color:var(--primary);font-variant-numeric:tabular-nums}.time-inputs{display:flex;justify-content:center;gap:2rem}.time-input-group{display:flex;flex-direction:column;align-items:center;gap:.5rem}.adjust-button{background:var(--bg-secondary);border:none;width:40px;height:40px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.adjust-button:hover{background:var(--border-color)}.adjust-button:disabled{opacity:.5;cursor:not-allowed}.time-input-group input{width:80px;height:60px;font-size:2rem;text-align:center;border:2px solid var(--border-color);border-radius:var(--radius);font-variant-numeric:tabular-nums}.time-input-group input:focus{outline:none;border-color:var(--primary)}.time-label{font-size:.875rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.alarm-time{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:2rem;padding:1rem;background:var(--bg-secondary);border-radius:var(--radius);color:var(--text-secondary)}.timer-controls{display:flex;justify-content:center;gap:1rem}.control-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:var(--radius);font-weight:500;cursor:pointer;transition:all .2s ease}.control-button.start{background:var(--primary);color:#fff}.control-button.start:hover{background:var(--primary-hover)}.control-button.stop{background:var(--color-error);color:#fff}.control-button.stop:hover{background:#dc2626}.control-button.reset{background:var(--bg-secondary);color:var(--text-primary)}.control-button.reset:hover{background:var(--border-color)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.timer-container{padding:1.5rem}.timer-title{font-size:1.75rem}.time-inputs{gap:1rem}.time-input-group input{width:60px;height:50px;font-size:1.5rem}.countdown{font-size:3rem}}@media(max-width:480px){.time-inputs{flex-direction:column;align-items:center}.timer-controls{flex-direction:column}.control-button{width:100%;justify-content:center}}.quick-adjust-buttons{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.quick-adjust-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:var(--radius);background:var(--bg-secondary);color:var(--text-primary);font-weight:500;cursor:pointer;transition:all .2s ease;min-width:120px;justify-content:center}.quick-adjust-button:hover{background:var(--border-color);transform:translateY(-1px)}.quick-adjust-button:active{transform:translateY(0)}