.timer-container[data-astro-cid-ox4o2sz2]{width:280px;height:280px;position:relative;margin:0 auto}.progress-ring[data-astro-cid-ox4o2sz2]{width:280px;height:280px;transform:rotate(-90deg)}.timer-display[data-astro-cid-ox4o2sz2]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.time[data-astro-cid-ox4o2sz2]{font-size:3rem;font-weight:700;line-height:1;text-align:center}.progress-ring-circle-bg[data-astro-cid-ox4o2sz2]{stroke:#e9ecef;opacity:.3}.progress-ring-circle[data-astro-cid-ox4o2sz2]{stroke:#e74c3c;stroke-linecap:round;stroke-dasharray:753.98;stroke-dashoffset:753.98;transition:stroke-dashoffset .3s ease}html[data-theme=dark] .progress-ring-circle-bg[data-astro-cid-ox4o2sz2]{stroke:#333}html[data-theme=dark] .progress-ring-circle[data-astro-cid-ox4o2sz2]{stroke:#64b5f6}.control-btn[data-astro-cid-ox4o2sz2]{width:2.5rem;height:2.5rem;background-color:#fff;border:1px solid #e9ecef;border-radius:.5rem;color:#6c757d;transition:all .3s ease;display:flex;align-items:center;justify-content:center;cursor:pointer}.control-btn[data-astro-cid-ox4o2sz2]:hover{color:#2c2c2c;background-color:#e74c3c1a;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}html[data-theme=dark] .control-btn[data-astro-cid-ox4o2sz2]{background-color:#1a1a1a;border-color:#333;color:#e0e0e0}html[data-theme=dark] .control-btn[data-astro-cid-ox4o2sz2]:hover{color:#fff;background-color:#64b5f61a}.mobile-control-btn[data-astro-cid-ox4o2sz2]{transition:all .3s ease;backdrop-filter:blur(10px)}.mobile-control-btn[data-astro-cid-ox4o2sz2]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.mobile-control-btn[data-astro-cid-ox4o2sz2]:active{transform:translateY(0)}html[data-theme=dark] .mobile-control-btn[data-astro-cid-ox4o2sz2]{background-color:#1a1a1ae6;border-color:#333}html[data-theme=dark] .mobile-control-btn[data-astro-cid-ox4o2sz2]:hover{box-shadow:0 8px 20px #0000004d}.mobile-panel-backdrop[data-astro-cid-ox4o2sz2]{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;backdrop-filter:blur(4px);z-index:1000}.mobile-panel-container[data-astro-cid-ox4o2sz2]{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:1001;overflow:hidden;pointer-events:none}.mobile-panel-content[data-astro-cid-ox4o2sz2]{width:100%;max-width:28rem;max-height:85vh;min-height:300px;display:flex;flex-direction:column;overflow:hidden;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;pointer-events:auto;position:relative;z-index:1002}.mobile-panel-body[data-astro-cid-ox4o2sz2]{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:0}@media (max-width: 480px){.mobile-panel-container[data-astro-cid-ox4o2sz2]{padding:.75rem}.mobile-panel-content[data-astro-cid-ox4o2sz2]{max-height:90vh;max-width:none;width:calc(100vw - 1.5rem)}}@media (max-width: 360px){.mobile-panel-container[data-astro-cid-ox4o2sz2]{padding:.5rem}.mobile-panel-content[data-astro-cid-ox4o2sz2]{width:calc(100vw - 1rem);max-height:92vh}}@media (max-height: 700px){.mobile-panel-content[data-astro-cid-ox4o2sz2]{max-height:88vh}}@media (max-height: 600px){.mobile-panel-content[data-astro-cid-ox4o2sz2]{max-height:90vh;min-height:250px}}@media (max-height: 500px){.mobile-panel-container[data-astro-cid-ox4o2sz2]{padding:.5rem}.mobile-panel-content[data-astro-cid-ox4o2sz2]{max-height:95vh;min-height:200px}}@media (max-height: 400px){.mobile-panel-container[data-astro-cid-ox4o2sz2]{padding:.25rem}.mobile-panel-content[data-astro-cid-ox4o2sz2]{max-height:98vh;min-height:150px}}.sound-button[data-astro-cid-ox4o2sz2]{width:2.5rem!important;height:2.5rem!important;min-width:2.5rem;min-height:2.5rem;max-width:2.5rem;max-height:2.5rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.sound-button[data-astro-cid-ox4o2sz2]:active{transform:scale(.95)}.sound-button[data-astro-cid-ox4o2sz2] img[data-astro-cid-ox4o2sz2]{width:100%!important;height:100%!important;object-fit:cover;display:block;border-radius:.5rem}.todo-item[data-astro-cid-ox4o2sz2]{display:flex;align-items:center;gap:.75rem;padding:.75rem;background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;transition:all .2s ease;box-shadow:0 1px 3px #0000001a;min-height:3rem}.todo-item[data-astro-cid-ox4o2sz2]:hover{border-color:#e74c3c80;background-color:#e74c3c0d;transform:translateY(-1px);box-shadow:0 2px 6px #00000026}.todo-checkbox[data-astro-cid-ox4o2sz2]{width:1.5rem;height:1.5rem;border:2px solid #e9ecef;border-radius:.25rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.todo-checkbox[data-astro-cid-ox4o2sz2]:hover{border-color:#e74c3c;transform:scale(1.05)}.todo-checkbox[data-astro-cid-ox4o2sz2].checked{background-color:#e74c3c;border-color:#e74c3c;color:#fff}.todo-text[data-astro-cid-ox4o2sz2]{flex:1;color:#2c2c2c;font-size:.875rem;line-height:1.25rem;word-break:break-word}.todo-text[data-astro-cid-ox4o2sz2].checked{text-decoration:line-through;opacity:.6}.delete-todo[data-astro-cid-ox4o2sz2]{width:2.25rem;height:2.25rem;color:#6c757d;border-radius:.375rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;background:transparent;flex-shrink:0}.delete-todo[data-astro-cid-ox4o2sz2]:hover{color:#ef4444;background-color:#ef44441a;transform:scale(1.05)}.delete-todo[data-astro-cid-ox4o2sz2]:active{transform:scale(.95)}html[data-theme=dark] .todo-item[data-astro-cid-ox4o2sz2]{background-color:#0f0f0f;border-color:#333}html[data-theme=dark] .todo-item[data-astro-cid-ox4o2sz2]:hover{border-color:#64b5f680;background-color:#64b5f60d}html[data-theme=dark] .todo-checkbox[data-astro-cid-ox4o2sz2]{border-color:#333}html[data-theme=dark] .todo-checkbox[data-astro-cid-ox4o2sz2]:hover{border-color:#64b5f6}html[data-theme=dark] .todo-checkbox[data-astro-cid-ox4o2sz2].checked{background-color:#64b5f6;border-color:#64b5f6}html[data-theme=dark] .todo-text[data-astro-cid-ox4o2sz2]{color:#fff}html[data-theme=dark] .delete-todo[data-astro-cid-ox4o2sz2]{color:#e0e0e0}.volume-slider[data-astro-cid-ox4o2sz2]{height:.5rem;background-color:#e9ecef;border-radius:9999px;appearance:none;cursor:pointer;outline:none;transition:all .2s ease}.volume-slider[data-astro-cid-ox4o2sz2]:focus{box-shadow:0 0 0 2px #e74c3c33}.volume-slider[data-astro-cid-ox4o2sz2]::-webkit-slider-thumb{appearance:none;width:1.25rem;height:1.25rem;background-color:#e74c3c;border-radius:9999px;cursor:pointer;box-shadow:0 2px 6px #00000026;transition:all .2s ease}.volume-slider[data-astro-cid-ox4o2sz2]::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 8px #0003}.volume-slider[data-astro-cid-ox4o2sz2]::-moz-range-thumb{width:1.25rem;height:1.25rem;background-color:#e74c3c;border-radius:9999px;cursor:pointer;border:0;box-shadow:0 2px 6px #00000026;transition:all .2s ease}.volume-slider[data-astro-cid-ox4o2sz2]::-moz-range-thumb:hover{transform:scale(1.1)}html[data-theme=dark] .volume-slider[data-astro-cid-ox4o2sz2]{background-color:#333}html[data-theme=dark] .volume-slider[data-astro-cid-ox4o2sz2]::-webkit-slider-thumb{background-color:#64b5f6}html[data-theme=dark] .volume-slider[data-astro-cid-ox4o2sz2]::-moz-range-thumb{background-color:#64b5f6}.sound-button[data-astro-cid-ox4o2sz2].active{border-color:#e74c3c}html[data-theme=dark] .sound-button[data-astro-cid-ox4o2sz2].active{border-color:#64b5f6}.time-option[data-astro-cid-ox4o2sz2].selected{background-color:#e74c3c1a;color:#e74c3c}html[data-theme=dark] .time-option[data-astro-cid-ox4o2sz2].selected{background-color:#64b5f61a;color:#64b5f6}@media (max-width: 480px){.timer-container[data-astro-cid-ox4o2sz2],.progress-ring[data-astro-cid-ox4o2sz2]{width:250px;height:250px}.time[data-astro-cid-ox4o2sz2]{font-size:2.5rem}.control-btn[data-astro-cid-ox4o2sz2]{width:2rem;height:2rem}.start-button[data-astro-cid-ox4o2sz2]{width:3.5rem;height:3.5rem}.mobile-control-btn[data-astro-cid-ox4o2sz2]{width:3rem;height:3rem}}@media (max-width: 360px){.timer-container[data-astro-cid-ox4o2sz2],.progress-ring[data-astro-cid-ox4o2sz2]{width:220px;height:220px}.time[data-astro-cid-ox4o2sz2]{font-size:2rem}}@media screen and (max-width: 768px){body{overflow-x:hidden}.timer-container[data-astro-cid-ox4o2sz2]{max-width:90vw;max-height:90vw}.flex-1[data-astro-cid-ox4o2sz2]{padding:1rem}}