.countdown-timer{margin-top:2rem;width:100%;max-width:500px;background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.countdown-timer__title{color:#2c3e50;margin-bottom:1.5rem;font-size:1.5rem;text-align:center;transition:color .3s ease}.countdown-timer.finished .countdown-timer__title{color:#e74c3c;animation:textPulse 1.5s ease-in-out infinite}@keyframes textPulse{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.time-display{margin-bottom:2rem;width:100%}.time-inputs{display:flex;justify-content:center;gap:.5rem;width:100%;padding:0;margin:0}.time-inputs input{width:3ch;border:none;background:transparent;text-align:center;padding:0;color:inherit;font:inherit;font-size:2.5rem;font-family:Courier New,monospace}.time-inputs input:disabled{opacity:1}.time-inputs input::-webkit-inner-spin-button,.time-inputs input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.time-separator{font-size:2.5rem;color:inherit;line-height:1.2}.timer-controls{display:flex;gap:.5rem;width:100%;margin-top:1.5rem}.timer-controls__button{flex:1;padding:.8rem;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:all .2s ease;font-weight:500}.timer-controls__button:disabled{opacity:.5;cursor:not-allowed}.timer-controls__button.start{background-color:#2c3e50;color:#fff}.timer-controls__button.start:hover:not(:disabled){background-color:#1a252f}.timer-controls__button.pause{background-color:#f39c12;color:#fff}.timer-controls__button.reset{background-color:#e74c3c;color:#fff}.temp-notice{text-align:center;color:#666;margin-top:1.5rem;font-size:.9em}.interval-selection{margin:1.5rem 0;padding:1rem;background-color:#fff;border-radius:8px;text-align:center;box-shadow:0 2px 4px #0000000d}.interval-selection h3{margin-bottom:1rem;color:#333;font-size:1.1rem;font-weight:500}.interval-option{display:inline-block;margin:.5rem;padding:.8rem 1.5rem;background-color:#fff;border:2px solid rgb(252.7419354839,253.25,253.7580645161);border-radius:6px;color:#333;font-weight:500;cursor:pointer;min-width:100px;transition:all .3s cubic-bezier(.4,0,.2,1)}.interval-option:hover:not(.interval-option--selected){background-color:#fff;transform:translateY(-1px);box-shadow:0 2px 6px #0000001a}.interval-option:active:not(.interval-option--selected){background-color:#fdfdfe;transform:translateY(0)}.interval-option--selected,.interval-option.active{background-color:#2c3e50;border-color:#11181f;color:#fff;box-shadow:0 3px 10px #2c3e504d;transform:translateY(-1px);position:relative}.interval-option--selected:after,.interval-option.active:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:24px;height:3px;background-color:#11181f;border-radius:2px;transition:all .3s ease}.interval-option:disabled{opacity:.5;cursor:not-allowed;background-color:#fff;transform:none;box-shadow:none}@media (max-width: 480px){.interval-selection{margin:1rem 0;padding:.75rem}.interval-option{width:100%;margin:.3rem 0;padding:.7rem;display:block;min-width:auto}}.task-section{margin-top:2rem;width:100%;max-width:500px;background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.task-section__title{color:#2c3e50;margin-bottom:1rem;font-size:1.5rem;text-align:center}.task-input{display:flex;gap:.5rem;margin-bottom:1rem}.task-input input{flex:1;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.task-input input:focus{outline:none;border-color:#2c3e50}.task-input button{padding:0 1rem;background-color:#2c3e50;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.task-input button:hover:not(:disabled){background-color:#3e5871}.task-input button:disabled{opacity:.5;cursor:not-allowed}.task-list{list-style:none;padding:0;margin:0}.task-item{display:flex;align-items:center;padding:.75rem 0;border-bottom:1px solid #eee;transition:all .2s ease}.task-item:hover{background-color:#f9f9f9}.task-item.completed span{text-decoration:line-through;color:#888}.task-item input[type=checkbox]{margin-right:.75rem;cursor:pointer}.task-item span{flex:1;margin-right:.5rem}.task-item .delete-btn{background:none;border:none;color:#e74c3c;cursor:pointer;font-size:1.4rem;line-height:1;padding:0 .5rem;opacity:.7;transition:all .2s}.task-item .delete-btn:hover{opacity:1;transform:scale(1.1)}.timer-page{display:flex;flex-direction:column;align-items:center;padding:2rem;max-width:0 auto;gap:2rem}