.clock-container{font-family:Arial,sans-serif;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;margin:0;background-color:#f0f0f0}.clock-container .clock{background-color:#333;color:#fff;padding:20px 40px;border-radius:10px;font-size:48px;font-weight:700;box-shadow:0 0 10px rgba(0,0,0,.3);margin-bottom:20px}.clock-container .time{display:flex;gap:10px}.clock-container .controls{margin-bottom:20px;text-align:center;display:flex;flex-direction:column;align-items:center}.clock-container .interval-container{display:flex;align-items:center;margin-bottom:8px}.clock-container .interval-label{margin-right:10px;font-size:20px}.clock-container .controls input{padding:8px;font-size:16px;width:60px;margin-right:10px}.clock-container .controls button{padding:8px 16px;font-size:16px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer}.clock-container .controls button:hover{background-color:#0056b3}.clock-container .controls button.blink{animation:blink .5s ease-in-out}@keyframes blink{0%{opacity:1}50%{opacity:.5}100%{opacity:1}}.clock-container .interval-set{display:none;color:#28a745;font-weight:700;margin-top:10px}.clock-container .countdown{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:rgba(0,0,0,.9);color:#fff;padding:20px 40px;border-radius:10px;font-size:72px;font-weight:700;z-index:1000;transition:all .3s ease}.clock-container .countdown.active{display:block}@keyframes flash{0%{background-color:rgba(255,0,0,.9);transform:translate(-50%,-50%) scale(1.5)}5%{background-color:rgba(0,0,0,.9);transform:translate(-50%,-50%) scale(1)}10%{background-color:rgba(255,0,0,.9);transform:translate(-50%,-50%) scale(1.5)}15%{background-color:rgba(0,0,0,.9);transform:translate(-50%,-50%) scale(1)}20%{background-color:rgba(255,0,0,.9);transform:translate(-50%,-50%) scale(1.5)}25%{background-color:rgba(0,0,0,.9);transform:translate(-50%,-50%) scale(1)}30%{background-color:rgba(255,0,0,.9);transform:translate(-50%,-50%) scale(1.5)}35%{background-color:rgba(0,0,0,.9);transform:translate(-50%,-50%) scale(1)}40%{background-color:rgba(255,0,0,.9);transform:translate(-50%,-50%) scale(1.5)}45%{background-color:rgba(0,0,0,.9);transform:translate(-50%,-50%) scale(1)}50%{background-color:rgba(255,0,0,.9);transform:translate(-50%,-50%) scale(1.5)}55%{background-color:rgba(0,0,0,.9);transform:translate(-50%,-50%) scale(1)}60%{background-color:rgba(255,0,0,.9);transform:translate(-50%,-50%) scale(1.5)}65%{background-color:rgba(0,0,0,.9);transform:translate(-50%,-50%) scale(1)}70%{background-color:rgba(255,0,0,.9);transform:translate(-50%,-50%) scale(1.5)}75%{background-color:rgba(0,0,0,.9);transform:translate(-50%,-50%) scale(1)}80%{background-color:rgba(255,0,0,.9);transform:translate(-50%,-50%) scale(1.5)}85%{background-color:rgba(0,0,0,.9);transform:translate(-50%,-50%) scale(1)}90%{background-color:rgba(255,0,0,.9);transform:translate(-50%,-50%) scale(1.5)}95%{background-color:rgba(0,0,0,.9);transform:translate(-50%,-50%) scale(1)}100%{background-color:rgba(255,0,0,.9);transform:translate(-50%,-50%) scale(1.5)}}.clock-container .countdown.flash{animation:flash 1s ease-in-out}.clock-container .interval-set-msg{display:none}.clock-container .interval-select.blink{animation:blink .5s ease-in-out 2}.clock-container .interval-select{font-size:20px;padding:10px 20px;border-radius:6px;margin-right:10px}.clock-container .next-countdown{margin-left:0;margin-top:8px;font-size:18px}