.countdown-controls-container{width:100%;max-width:880px;margin:0 auto;position:relative}.countdown-setup{width:100%;display:flex;flex-direction:column;align-items:center;gap:30px}.countdown-inputs-wrapper{background:var(--bg-subtle);padding:30px;border-radius:12px;border:1px solid var(--border);width:100%}.countdown-inputs{display:flex;gap:15px;justify-content:center;align-items:center}.input-group{display:flex;flex-direction:column;align-items:center;gap:10px;flex:1}.input-group input{width:100%;max-width:120px;height:100px;font-size:64px;text-align:center;background:#000;color:var(--accent);border:2px solid var(--border);border-radius:10px;font-family:var(--font);font-weight:700;outline:none;-moz-appearance:textfield}.input-group input::-webkit-outer-spin-button,.input-group input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-group .label{font-size:14px;color:var(--text-4);text-transform:uppercase;letter-spacing:1px}.colon{font-size:48px;color:var(--text-4);margin-top:-20px}.arrow-btn{width:100%;max-width:120px;height:30px;background:var(--bg-hover);border:1px solid var(--border);color:var(--text-2);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:all .2s}.arrow-btn.up{border-radius:6px 6px 0 0}.arrow-btn.down{border-radius:0 0 6px 6px}.arrow-btn:hover{background:var(--accent);color:#fff}.sound-selection-wrapper{width:100%;display:flex;flex-direction:column;gap:10px}.sound-select-title{font-size:14px;color:var(--text-3);font-weight:500}.sound-select-row-main{display:flex;gap:10px;width:100%}.full-width-select{flex:1;padding:15px;font-size:18px;background:var(--bg-subtle);color:var(--text-1);border:1px solid var(--border);border-radius:8px;cursor:pointer;outline:none}.test-sound-btn{display:flex;align-items:center;gap:8px;padding:0 20px;background:var(--bg-hover);color:var(--text-1);border:1px solid var(--border);border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.test-sound-btn:hover{background:var(--border);border-color:var(--accent)}.preset-times{width:100%}.preset-times-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;width:100%;gap:10px}.preset-times-list li{flex:1 1 calc(25% - 10px);min-width:120px}.preset-times-list li a{display:flex;gap:10px;padding:12px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:8px;text-decoration:none;color:var(--text-2);transition:all .2s;align-items:center;font-size:14px}.preset-times-list li a:hover{background:var(--bg-hover);border-color:var(--accent);transform:translateY(-2px)}.preset-times-list li a svg{width:18px;height:18px;color:var(--accent)}.start-btn-row{width:100%}#start-countdown-btn{width:100%;padding:20px;font-size:24px;font-weight:700;border-radius:10px;background:#828fff;color:#fff;border:none;cursor:pointer;transition:transform .2s,opacity .2s}#start-countdown-btn:hover{opacity:.9;transform:scale(1.01)}.countdown-timer-section{display:none;flex-direction:column;align-items:center;width:100%;gap:40px}#flipclock-countdown{display:flex;justify-content:center;margin:60px 0 80px;transform:scale(1.3)}.flip-clock-wrapper .flip-clock-label{display:none!important}.countdown-controls{display:flex;gap:15px;width:100%}.countdown-action-btn{flex:1;padding:18px;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;border:none;transition:all .2s}.yellow-btn{background-color:#f4bf51;color:#222}.primary-btn{background-color:#828df5;color:#fff}.green-btn{background-color:#27cfba;color:#fff}.red-btn{background-color:#f66b80;color:#fff}.countdown-action-btn:hover{opacity:.9}.countdown-action-btn:disabled{opacity:.5;cursor:not-allowed}.button-right{position:fixed;right:20px;bottom:20px;z-index:10}.Btn{width:45px;height:45px;display:flex;align-items:center;justify-content:center;background:#ef884f;border-radius:10px;transition:all .3s}.Btn:hover{transform:rotate(5deg) scale(1.1)}@media screen and (max-width: 767px){.input-group input{height:70px;font-size:40px}#flipclock-countdown{transform:scale(.7)}.preset-times-list li{flex:1 1 calc(50% - 10px)}.countdown-inputs{gap:8px}.colon{font-size:32px}}