*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#root,.timer{min-height:100vh}.timer{align-items:center;display:flex;flex-direction:column;gap:2rem;padding:2rem;transition:background-color .5s ease}.timer--work{background:linear-gradient(135deg,#667eea,#764ba2)}.timer--shortBreak{background:linear-gradient(135deg,#11998e,#38ef7d)}.timer--longBreak{background:linear-gradient(135deg,#4facfe,#00f2fe)}.timer--lunchBreak{background:linear-gradient(135deg,#f7971e,#ffd200)}.timer--shortTest{background:linear-gradient(135deg,#ff512f,#dd2476)}.timer--custom{background:linear-gradient(135deg,#834d9b,#d04ed6)}.timer__header{align-items:center;display:flex;justify-content:space-between;max-width:400px;width:100%}.timer__settings-btn{background:#ffffff26;border:none;border-radius:50%;cursor:pointer;font-size:1.25rem;height:44px;transition:all .2s ease;width:44px}.timer__settings-btn:hover{background:#ffffff40;transform:rotate(45deg)}.timer__status{min-height:1.5rem}.timer__status-indicator{background:#0000001a;border-radius:1rem;color:#fff9;font-size:.8rem;padding:.4rem .8rem;transition:all .3s ease}.timer__status-indicator--active{background:#fff3;color:#fff}.timer__alert{animation:slideIn .3s ease;background:#ffc107e6;border-radius:.5rem;color:#333;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.timer__modes{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:2rem;display:flex;gap:.5rem;padding:.5rem}.timer__mode-btn{background:#0000;border:none;border-radius:1.5rem;color:#fffc;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.timer__mode-btn:hover{background:#ffffff1a;color:#fff}.timer__mode-btn--active{background:#ffffff40;color:#fff}.timer__display{align-items:center;display:flex;height:280px;justify-content:center;position:relative;width:280px}.timer__svg{filter:drop-shadow(0 10px 30px rgba(0,0,0,.2));height:100%;position:absolute;width:100%}.timer__circle-bg{stroke:#fff3}.timer__circle-progress{stroke:#fff;transition:stroke-dashoffset .5s ease}.timer__time{font-feature-settings:"tnum";color:#fff;font-size:4rem;font-variant-numeric:tabular-nums;font-weight:700;text-shadow:0 4px 20px #00000026;z-index:1}.timer__controls{display:flex;gap:1rem}.timer__btn{border:none;border-radius:3rem;cursor:pointer;font-size:1.1rem;font-weight:600;letter-spacing:.05em;padding:1rem 2.5rem;text-transform:uppercase;transition:all .3s ease}.timer__btn--start{background:#fff;box-shadow:0 8px 25px #00000026;color:#667eea}.timer__btn--start:hover{box-shadow:0 12px 35px #0003;transform:translateY(-2px)}.timer__btn--pause{background:#ffffffe6;box-shadow:0 8px 25px #00000026;color:#e74c3c}.timer__btn--pause:hover{box-shadow:0 12px 35px #0003;transform:translateY(-2px)}.timer__btn--reset{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;color:#fff}.timer__btn--reset:hover{background:#ffffff4d}.timer__sessions{align-items:center;display:flex;flex-direction:column;gap:.25rem;margin-top:1rem}.timer__sessions-count{color:#fff;font-size:2.5rem;font-weight:700}.timer__sessions-label{color:#fffc;font-size:.9rem;letter-spacing:.1em;text-transform:uppercase}@media (max-width:480px){.timer{gap:1.5rem;padding:1.5rem 1rem}.timer__modes{flex-wrap:wrap;justify-content:center}.timer__mode-btn{font-size:.8rem;padding:.6rem 1rem}.timer__display{height:240px;width:240px}.timer__time{font-size:3rem}.timer__btn{font-size:1rem;padding:.85rem 2rem}}.clock-picker{align-items:center;display:flex;justify-content:center;padding:1rem}.clock-picker__svg{cursor:pointer;height:280px;touch-action:none;-webkit-user-select:none;user-select:none;width:280px}.clock-picker__svg--dragging{cursor:grabbing}.clock-picker__bg{fill:#ffffff0d}.clock-picker__track{fill:none;stroke:#ffffff1a;stroke-width:8}.clock-picker__arc{stroke:#667eea;stroke-width:8;stroke-linecap:round;filter:drop-shadow(0 0 8px rgba(102,126,234,.5))}.clock-picker__tick{stroke:#fff3;stroke-width:1}.clock-picker__tick--medium{stroke:#ffffff4d;stroke-width:1.5}.clock-picker__tick--major{stroke:#fff9;stroke-width:2}.clock-picker__label{fill:#ffffffb3;font-size:10px;font-weight:600}.clock-picker__handle{fill:#667eea;cursor:grab;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3));transition:transform .1s ease}.clock-picker__svg--dragging .clock-picker__handle{cursor:grabbing;filter:drop-shadow(0 4px 12px rgba(0,0,0,.4))}.clock-picker__handle-inner{fill:#fff}.clock-picker__time{fill:#fff;font-feature-settings:"tnum";font-size:28px;font-variant-numeric:tabular-nums;font-weight:700}.clock-picker__time-label{fill:#ffffff80;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.clock-picker__svg:hover .clock-picker__handle{filter:drop-shadow(0 4px 12px rgba(102,126,234,.6))}.timer-edit-modal__overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:100}.timer-edit-modal{animation:slideUp .3s ease;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:1.5rem;max-height:90vh;max-width:380px;overflow-y:auto;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.timer-edit-modal__header{align-items:center;display:flex;justify-content:space-between;padding:1.5rem 1.5rem 0}.timer-edit-modal__title{color:#fff;font-size:1.25rem;font-weight:700;margin:0}.timer-edit-modal__close{background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1rem;height:36px;transition:background .2s ease;width:36px}.timer-edit-modal__close:hover{background:#fff3}.timer-edit-modal__content{padding:1.5rem}.timer-edit-modal__field{margin-bottom:1rem}.timer-edit-modal__label{color:#ffffffb3;display:block;font-size:.85rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.timer-edit-modal__input{background:#ffffff1a;border:1px solid #fff3;border-radius:.75rem;box-sizing:border-box;color:#fff;font-size:1rem;padding:.875rem 1rem;width:100%}.timer-edit-modal__input::placeholder{color:#fff6}.timer-edit-modal__input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33;outline:none}.timer-edit-modal__actions{display:flex;gap:.75rem;padding:0 1.5rem 1.5rem}.timer-edit-modal__btn{border:none;border-radius:.75rem;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:.875rem 1rem;transition:all .2s ease}.timer-edit-modal__btn--cancel{background:#ffffff1a;color:#fffc}.timer-edit-modal__btn--cancel:hover{background:#ffffff26}.timer-edit-modal__btn--save{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.timer-edit-modal__btn--save:hover:not(:disabled){box-shadow:0 4px 15px #667eea66;transform:translateY(-1px)}.timer-edit-modal__btn--save:disabled{cursor:not-allowed;opacity:.5}.settings{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;min-height:100vh;padding:2rem}.settings__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px}.settings__title{font-size:1.75rem;font-weight:700;margin:0}.settings__close{background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.25rem;height:44px;transition:background .2s ease;width:44px}.settings__close:hover{background:#fff3}.settings__content{margin:0 auto;max-width:600px}.settings__section{background:#ffffff0d;border-radius:1rem;margin-bottom:1.5rem;padding:1.5rem}.settings__section-title{color:#fffc;font-size:1rem;font-weight:600;letter-spacing:.05em;margin:0 0 1rem;text-transform:uppercase}.settings__timer-list{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.settings__timer-item{background:#ffffff0d;border-radius:.75rem;padding:1rem}.settings__timer-view{align-items:center;display:flex;gap:1rem;justify-content:space-between}.settings__timer-info{display:flex;flex-direction:column;gap:.25rem}.settings__timer-name{align-items:center;display:flex;font-weight:600;gap:.5rem}.settings__badge{background:#667eea4d;border-radius:.25rem;color:#a8b5ff;font-size:.65rem;font-weight:500;padding:.2rem .5rem;text-transform:uppercase}.settings__timer-duration{color:#fff9;font-size:.9rem}.settings__timer-edit{align-items:center;flex-wrap:wrap}.settings__timer-actions,.settings__timer-edit{display:flex;gap:.5rem}.settings__input{background:#ffffff1a;border:1px solid #fff3;border-radius:.5rem;color:#fff;flex:1 1;font-size:1rem;min-width:0;padding:.75rem 1rem}.settings__input::placeholder{color:#fff6}.settings__input:focus{border-color:#667eea;outline:none}.settings__input--small{flex:0 0 80px}.settings__unit{color:#fff9;font-size:.9rem}.settings__add-form{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.settings__btn{border:none;border-radius:.5rem;cursor:pointer;font-size:.85rem;font-weight:600;padding:.6rem 1rem;transition:all .2s ease;white-space:nowrap}.settings__btn--edit{background:#ffffff26;color:#fff}.settings__btn--edit:hover{background:#ffffff40}.settings__btn--delete{background:#e74c3c33;color:#ff6b6b}.settings__btn--delete:hover{background:#e74c3c4d}.settings__btn--save{background:#667eea;color:#fff}.settings__btn--save:hover{background:#5a6fd6}.settings__btn--cancel{background:#ffffff1a;color:#fffc}.settings__btn--cancel:hover{background:#fff3}.settings__btn--add{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.75rem 1.5rem}.settings__btn--add:hover:not(:disabled){box-shadow:0 4px 15px #667eea66;transform:translateY(-1px)}.settings__btn--add:disabled{cursor:not-allowed;opacity:.5}.settings__btn--reset{background:#0000;border:1px solid #fff3;color:#ffffffb3;padding:.75rem;width:100%}.settings__btn--reset:hover{border-color:#fff6;color:#fff}@media (max-width:480px){.settings{padding:1rem}.settings__timer-view{align-items:flex-start;flex-direction:column}.settings__timer-actions{margin-top:.5rem;width:100%}.settings__btn{flex:1 1}.settings__add-form{flex-direction:column}.settings__input{width:100%}.settings__input--small{flex:1 1}.settings__btn--add{width:100%}}.modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:100}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{animation:scaleIn .3s ease;background:#fff;border-radius:1.5rem;box-shadow:0 25px 50px #00000040;max-width:90%;padding:2.5rem;text-align:center;width:360px}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal__icon{font-size:4rem;margin-bottom:1rem}.modal__title{color:#333;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.modal--work .modal__title{color:#667eea}.modal--shortBreak .modal__title{color:#11998e}.modal--longBreak .modal__title{color:#4facfe}.modal--lunchBreak .modal__title{color:#f7971e}.modal__subtitle{color:#666;font-size:1rem;margin:0 0 1.5rem}.modal__actions{display:flex;flex-direction:column;gap:.75rem}.modal__btn{border:none;border-radius:2rem;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 1.5rem;transition:all .2s ease}.modal__btn--restart{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.modal__btn--restart:hover{box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.modal__btn--dismiss{background:#f0f0f0;color:#666}.modal__btn--dismiss:hover{background:#e0e0e0}
/*# sourceMappingURL=main.558d9ead.css.map*/