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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.main-content{align-items:stretch;background:#23262b;border-radius:32px;box-shadow:0 8px 40px #0000002e;box-sizing:border-box;display:flex;flex-direction:row;gap:40px;justify-content:center;margin-bottom:24px;margin-top:32px;max-width:950px;padding:48px 32px 32px;width:100%;@media (max-width:900px){.main-content{align-items:stretch;flex-direction:column;gap:0;margin-bottom:8px;margin-top:16px;max-width:98vw;padding:18px 4vw 12px}}.main-content{align-items:stretch;box-sizing:border-box;display:flex;flex-direction:row;gap:40px;justify-content:center;margin:0 auto;max-width:950px;padding-bottom:24px;width:100%}.timer-container{flex:0 0 360px;max-width:380px;min-width:320px;.header-actions{align-items:center;display:flex;gap:0;position:absolute;right:48px;top:32px}.lang-toggle{background:linear-gradient(90deg,#23272f 60%,#2de1c2);border:2px solid #2de1c2;border-radius:24px;box-shadow:0 2px 12px #0003;display:flex;height:48px;margin-right:22px;min-width:110px;overflow:hidden}.lang-switch{background:none;border:none;color:#fff;cursor:pointer;flex:1 1;font-size:1.18rem;font-weight:700;height:48px;letter-spacing:1px;outline:none;padding:0 22px;transition:background .2s,color .2s,box-shadow .2s}.lang-switch.active{background:#2de1c2;box-shadow:0 2px 12px #2de1c299;color:#23272f;z-index:1}.lang-switch:not(.active):hover{background:#1a1d22;color:#2de1c2}.icon-btn{align-items:center;background:#fff;border:none;border-radius:50%;box-shadow:0 2px 12px #0002;color:#23272f;cursor:pointer;display:flex;font-size:1.35rem;height:48px;justify-content:center;margin-left:18px;margin-right:0;transition:background .2s,color .2s,box-shadow .2s,transform .15s;width:48px}.icon-btn:active{transform:scale(.93)}.icon-btn:hover{background:#2de1c2;box-shadow:0 4px 16px #2de1c255;color:#23272f}}.history-panel,.todo-panel{flex:1 1;margin-bottom:0;min-width:0}}.todo-panel{background:#f7fafc;border-radius:14px;box-shadow:0 2px 8px #0000000f;color:#222831;margin-bottom:18px;padding:14px 18px 10px;text-align:left}.todo-panel h3{color:#fc466b;font-size:1.1rem;font-weight:700;margin:0 0 8px}.todo-form{display:flex;gap:8px;margin-bottom:8px}.todo-input{border:1px solid #ccc;border-radius:6px;flex:1 1;font-size:1rem;padding:7px 10px}.add-todo-btn{background:#fc466b;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:7px 16px;transition:background .2s,color .2s}.add-todo-btn:hover{background:#b71c3a}.todo-list{list-style:none;margin:0;max-height:120px;overflow-y:auto;padding:0}.todo-list li{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:4px 0}.todo-list li:last-child{border-bottom:none}.todo-list label{align-items:center;cursor:pointer;display:flex;flex:1 1;gap:8px}.todo-list input[type=checkbox]{accent-color:#00e6d0;height:18px;width:18px}.todo-list .delete-todo-btn{align-items:center;background:none;border:none;border-radius:50%;color:#fc466b;cursor:pointer;display:flex;font-size:1.2rem;height:28px;justify-content:center;margin-left:8px;transition:background .2s;width:28px}.todo-list .delete-todo-btn:hover{background:#ffeaea}.todo-done label span{color:#aaa;text-decoration:line-through}.todo-empty{color:#bbb;font-style:italic;text-align:center}.history-panel{background:#f7fafc;border-radius:14px;box-shadow:0 2px 8px #0000000f;color:#222831;margin:18px 0 0;padding:14px 18px 10px;text-align:left}.history-panel h3{color:#00bfae;font-size:1.1rem;font-weight:700;margin:0 0 8px}.history-panel ul{font-size:1rem;margin:0;padding:0}.history-panel li{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:4px 0}.history-panel li:last-child{border-bottom:none}.settings-btn{align-items:center;background:#fff;border:none;border-radius:50%;box-shadow:0 2px 8px #00e6d01a;color:#00e6d0;cursor:pointer;display:flex;font-size:1.7rem;height:48px;justify-content:center;position:absolute;right:32px;top:32px;transition:background .2s,color .2s;width:48px;z-index:1101}.settings-btn:hover{background:#00e6d0;color:#fff}.settings-popup-overlay{align-items:center;animation:fadeIn .2s;background:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1100}.settings-popup{animation:popupIn .25s;background:#fff;border-radius:18px;box-shadow:0 4px 32px #0000002e;color:#222831;max-width:95vw;min-width:320px;padding:32px 28px 24px;position:relative;text-align:left}.settings-popup h2{color:#00e6d0;margin-bottom:18px;text-align:center}.settings-form{display:flex;flex-direction:column;gap:16px}.settings-form label{align-items:center;color:#222831;display:flex;font-size:1.1rem;gap:8px;justify-content:space-between}.settings-form input[type=number]{border:1px solid #ccc;border-radius:6px;font-size:1rem;margin-left:8px;padding:6px 8px;width:60px}.auto-next-label{color:#00bfae;font-size:1rem;gap:10px}.settings-actions{display:flex;justify-content:flex-end;margin-top:10px}.save-btn{background:#00e6d0;border:none;border-radius:8px;color:#222831;cursor:pointer;font-size:1.1rem;font-weight:600;padding:10px 22px;transition:background .2s,color .2s}.save-btn:hover{background:#00bfae;color:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popupIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.App{background:linear-gradient(135deg,#232526,#414345);min-height:100vh;text-align:center}.main-title{font-size:2.5rem;font-weight:700;letter-spacing:1px;margin-bottom:10px}.eyecare{color:#00e6d0;font-weight:800}.timer-container{background:#222831;border-radius:20px;box-shadow:0 4px 24px #0003;margin:24px auto 0;max-width:350px;min-width:260px;padding:32px 24px 24px}.mode-tabs{display:flex;justify-content:center;margin-bottom:18px}.tab{background:none;border:none;border-radius:16px 16px 0 0;color:#bbb;cursor:pointer;font-size:1.1rem;margin:0 2px;padding:8px 18px;transition:background .2s,color .2s}.tab.active{background:#00e6d0;color:#222831;font-weight:700}.timer-circle{align-items:center;background:#393e46;border-radius:50%;box-shadow:0 2px 12px #00000026;display:flex;height:180px;justify-content:center;margin:0 auto 18px;position:relative;width:180px}.timer-circle.work{border:6px solid #00e6d0}.timer-circle.short{border:6px solid #f9d423}.timer-circle.long{border:6px solid #fc466b}.timer-text{color:#fff;font-family:Roboto Mono,monospace;font-size:2.8rem;letter-spacing:2px}.timer-actions{margin:18px 0 10px}.btn{background:#00e6d0;border:none;border-radius:8px;box-shadow:0 2px 8px #00e6d014;color:#222831;cursor:pointer;font-size:1.1rem;font-weight:600;margin:0 6px;padding:10px 22px;transition:background .2s,color .2s,box-shadow .2s}.btn:hover{background:#00bfae;color:#fff}.btn.pause{background:#f9d423;color:#222831}.btn.pause:hover{background:#f7b733}.btn.reset{background:#fc466b;color:#fff}.btn.reset:hover{background:#b71c3a}.popup-btn{background:#00e6d0;color:#222831;margin-top:18px}.session-info{color:#bbb;font-size:1rem;margin-top:8px}.eyecare-popup-overlay{align-items:center;background:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.eyecare-popup{background:#fff;border-radius:18px;box-shadow:0 4px 24px #0000002e;color:#222831;max-width:350px;padding:32px 24px 24px;text-align:center}.eyecare-popup h2{color:#fc466b;margin-bottom:10px}.eyecare-rule{color:#00e6d0;font-size:1.1rem;font-weight:600}.footer{color:#888;font-size:1rem;letter-spacing:1px;margin-top:40px}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.a820ddcd.css.map*/