div.timer-dialog-overlay{align-items:center!important;background:#000000b3!important;display:flex!important;justify-content:center!important;inset:0!important;padding:24px!important;position:fixed!important;z-index:99999!important}div.timer-dialog-overlay>div.timer-dialog-container{background:#1e1e1e!important;border-radius:28px!important;box-shadow:0 4px 8px #0000004d,0 8px 16px #0003!important;display:block!important;max-width:400px!important;padding:24px!important;width:100%!important}div.timer-dialog-container .timer-header{align-items:center!important;display:flex!important;justify-content:space-between!important;margin-bottom:24px!important}div.timer-dialog-container .timer-title{color:#e8eaed!important;font-size:24px!important;font-weight:400!important;margin:0!important}div.timer-dialog-container .timer-close-btn{align-items:center!important;background:transparent!important;border:none!important;border-radius:50%!important;color:#9aa0a6!important;cursor:pointer!important;display:flex!important;height:32px!important;justify-content:center!important;transition:all .2s ease!important;width:32px!important}div.timer-dialog-container .timer-close-btn:hover{background:#ffb2001a!important;color:#ffb200!important}div.timer-dialog-container .timer-clock{align-items:center!important;display:flex!important;height:260px!important;justify-content:center!important;margin:0 auto 32px!important;position:relative!important;width:260px!important}.clock-svg{height:100%;position:absolute;width:100%}.progress-arc{filter:drop-shadow(0 0 8px rgba(255,178,0,.4));transition:stroke-dashoffset .3s ease}.timer-display{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1}.display-value{color:#e8eaed;font-size:56px;font-weight:600;line-height:1;text-shadow:0 2px 8px rgba(255,178,0,.2)}.display-label{color:#9aa0a6;font-size:14px;font-weight:500;margin-top:8px;text-transform:lowercase}.timer-slider-section{margin-bottom:20px}.timer-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffb20033;border-radius:4px;cursor:pointer;height:8px;outline:none;width:100%}.timer-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#ffb200;border-radius:50%;box-shadow:0 2px 8px #ffb20066;cursor:pointer;height:24px;-webkit-transition:all .2s ease;transition:all .2s ease;width:24px}.timer-slider::-webkit-slider-thumb:hover{box-shadow:0 4px 12px #ffb20099;transform:scale(1.2)}.timer-slider::-moz-range-thumb{background:#ffb200;border:none;border-radius:50%;box-shadow:0 2px 8px #ffb20066;cursor:pointer;height:24px;-moz-transition:all .2s ease;transition:all .2s ease;width:24px}.timer-slider::-moz-range-thumb:hover{box-shadow:0 4px 12px #ffb20099;transform:scale(1.2)}.slider-labels{display:flex;justify-content:space-between;margin-top:8px}.slider-labels span{color:#9aa0a6;font-size:12px}.timer-adjust{display:flex;gap:12px;margin-bottom:24px}.adjust-btn{align-items:center;background:#ffb20014;border:2px solid rgba(255,178,0,.2);border-radius:12px;color:#e8eaed;cursor:pointer;display:flex;flex:1;font-size:14px;font-weight:500;gap:8px;height:48px;justify-content:center;transition:all .2s ease}.adjust-btn:hover:not(:disabled){background:#ffb2001f;border-color:#ffb20066;transform:translateY(-2px)}.adjust-btn:disabled{cursor:not-allowed;opacity:.4}.timer-actions{display:flex;gap:8px;justify-content:flex-end}.timer-btn{border:none;border-radius:20px;cursor:pointer;font-size:14px;font-weight:500;height:40px;letter-spacing:.1px;padding:0 24px;transition:all .2s ease}.timer-btn-text{background:transparent;color:#ffb200}.timer-btn-text:hover{background:#ffb20014}.timer-btn-filled{background:#ffb200;color:#1e1e1e}.timer-btn-filled:hover{background:#ffbe1e;box-shadow:0 1px 3px #0000004d}.timer-fade-enter-active,.timer-fade-leave-active{transition:opacity .2s ease}.timer-fade-enter-from,.timer-fade-leave-to{opacity:0}.timer-fade-enter-active .timer-dialog-container{animation:timer-scale-in .2s cubic-bezier(.4,0,.2,1)}.timer-fade-leave-active .timer-dialog-container{animation:timer-scale-out .15s cubic-bezier(.4,0,1,1)}@keyframes timer-scale-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes timer-scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@media (max-width:640px){.timer-dialog-container{max-width:calc(100vw - 48px)}.timer-clock{height:220px;width:220px}.display-value{font-size:48px}}
