:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#1a1a2e;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--focus-color: #e74c3c;--focus-color-hover: #c0392b;--break-color: #27ae60;--break-color-hover: #219a52;--paused-color: #f39c12;--paused-color-hover: #d68910;--idle-color: #95a5a6;--reset-color: #7f8c8d;--reset-color-hover: #6c7a7b;--border-color: rgba(255, 255, 255, .1);--secondary-bg: rgba(255, 255, 255, .05);--secondary-bg-hover: rgba(255, 255, 255, .1);--input-bg: rgba(255, 255, 255, .08);--input-bg-hover: rgba(255, 255, 255, .12);--modal-bg: #16213e;--circle-bg: rgba(255, 255, 255, .1);--text-muted: rgba(255, 255, 255, .5)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}a{font-weight:500;color:var(--focus-color);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}h1,h2,h3,h4,h5,h6{margin:0}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#f5f5f5;--border-color: rgba(0, 0, 0, .1);--secondary-bg: rgba(0, 0, 0, .03);--secondary-bg-hover: rgba(0, 0, 0, .06);--input-bg: rgba(0, 0, 0, .05);--input-bg-hover: rgba(0, 0, 0, .08);--modal-bg: #ffffff;--circle-bg: rgba(0, 0, 0, .08);--text-muted: rgba(0, 0, 0, .5)}}.timer-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem}.timer-state-label{font-size:1.5rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em}.timer-circle{position:relative;display:flex;align-items:center;justify-content:center}.timer-circle svg{transform:scaleX(-1)}.progress-circle{transition:stroke-dashoffset .3s ease}.timer-display{position:absolute;display:flex;flex-direction:column;align-items:center;gap:.5rem}.timer-time{font-size:4rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.timer-cycle{font-size:.9rem;opacity:.7}.timer-controls{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.control-btn{padding:.8rem 2rem;font-size:1.1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;min-width:120px}.start-btn{background-color:var(--focus-color);color:#fff}.start-btn:hover{background-color:var(--focus-color-hover);transform:translateY(-2px)}.pause-btn{background-color:var(--paused-color);color:#fff}.pause-btn:hover{background-color:var(--paused-color-hover);transform:translateY(-2px)}.reset-btn{background-color:var(--reset-color);color:#fff}.reset-btn:hover{background-color:var(--reset-color-hover);transform:translateY(-2px)}@media(max-width:480px){.timer-time{font-size:3rem}.timer-circle svg{width:220px;height:220px}.control-btn{padding:.6rem 1.5rem;font-size:1rem;min-width:100px}}.task-input-container{width:100%;max-width:400px;margin:0 auto;text-align:center}.task-label{display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem;opacity:.8}.task-form{width:100%}.task-input{width:100%;padding:.8rem 1rem;font-size:1rem;border:2px solid var(--border-color);border-radius:8px;background-color:var(--input-bg);color:inherit;text-align:center;outline:none;transition:border-color .2s ease;box-sizing:border-box}.task-input:focus{border-color:var(--focus-color)}.task-display{padding:.8rem 1rem;font-size:1rem;border:2px solid transparent;border-radius:8px;background-color:var(--input-bg);cursor:pointer;transition:all .2s ease;opacity:.8}.task-display:hover{background-color:var(--input-bg-hover);opacity:1}.memo-container{width:100%;max-width:400px;margin:1rem auto}.memo-toggle{width:100%;padding:.6rem 1rem;font-size:.95rem;background-color:var(--secondary-bg);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease;color:inherit}.memo-toggle:hover{background-color:var(--secondary-bg-hover)}.memo-panel{margin-top:.5rem;padding:1rem;background-color:var(--secondary-bg);border:1px solid var(--border-color);border-radius:8px}.memo-form{display:flex;gap:.5rem}.memo-input{flex:1;padding:.5rem .8rem;font-size:.9rem;border:1px solid var(--border-color);border-radius:6px;background-color:var(--input-bg);color:inherit;outline:none}.memo-input:focus{border-color:var(--focus-color)}.memo-add-btn{padding:.5rem 1rem;font-size:.9rem;background-color:var(--focus-color);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:opacity .2s ease}.memo-add-btn:disabled{opacity:.5;cursor:not-allowed}.memo-list{list-style:none;padding:0;margin:1rem 0 .5rem}.memo-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background-color:var(--input-bg);border-radius:6px;margin-bottom:.5rem}.memo-text{flex:1;font-size:.9rem}.memo-remove-btn{width:24px;height:24px;padding:0;font-size:1rem;line-height:1;background-color:transparent;color:var(--text-muted);border:none;border-radius:4px;cursor:pointer;transition:all .2s ease}.memo-remove-btn:hover{background-color:var(--reset-color);color:#fff}.memo-clear-btn{width:100%;padding:.4rem;font-size:.8rem;background-color:transparent;color:var(--text-muted);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .2s ease}.memo-clear-btn:hover{background-color:var(--reset-color);color:#fff;border-color:var(--reset-color)}.personal-tasks-widget{width:100%;max-width:300px;padding:.8rem 1rem;background-color:var(--secondary-bg);border:1px solid var(--border-color);border-radius:8px;margin:1rem auto 0}.personal-tasks-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.personal-tasks-icon{font-size:1rem}.personal-tasks-title{font-size:.85rem;font-weight:500;opacity:.8}.personal-tasks-list-widget{list-style:none;padding:0;margin:0}.personal-tasks-list-widget li{font-size:.9rem;padding:.3rem 0;border-bottom:1px solid var(--border-color)}.personal-tasks-list-widget li:last-child{border-bottom:none}.settings-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.settings-modal{width:100%;max-width:500px;max-height:80vh;background-color:var(--modal-bg);border-radius:16px;display:flex;flex-direction:column;overflow:hidden}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color)}.settings-header h2{margin:0;font-size:1.25rem}.settings-close{width:32px;height:32px;font-size:1.5rem;line-height:1;background:transparent;border:none;color:inherit;cursor:pointer;border-radius:8px;padding:0}.settings-close:hover{background-color:var(--secondary-bg)}.settings-tabs{display:flex;border-bottom:1px solid var(--border-color);padding:0 1rem;overflow-x:auto}.settings-tab{padding:.8rem 1rem;font-size:.9rem;background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap}.settings-tab.active{color:var(--focus-color);border-bottom-color:var(--focus-color)}.settings-tab:hover:not(.active){color:inherit}.settings-content{flex:1;overflow-y:auto;padding:1.5rem}.settings-section{display:flex;flex-direction:column;gap:1rem}.settings-warning{padding:.8rem;background-color:#ffc10733;border:1px solid rgba(255,193,7,.5);border-radius:8px;font-size:.9rem}.settings-description{font-size:.85rem;opacity:.7;margin:0 0 .5rem}.setting-item{display:flex;align-items:center;justify-content:space-between;gap:1rem}.setting-item label{font-size:.95rem}.setting-item input[type=number],.setting-item select{width:100px;padding:.5rem;font-size:1rem;border:1px solid var(--border-color);border-radius:6px;background-color:var(--input-bg);color:inherit}.setting-item.checkbox{justify-content:flex-start}.setting-item.checkbox label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.setting-item.checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.alarm-selection{display:flex;gap:.5rem}.alarm-selection select{width:auto}.test-alarm-btn{padding:.5rem 1rem;font-size:.9rem;background-color:var(--secondary-bg);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;color:inherit}.test-alarm-btn:hover{background-color:var(--secondary-bg-hover)}.personal-task-form{display:flex;gap:.5rem;flex-wrap:wrap}.personal-task-form select{padding:.5rem;border:1px solid var(--border-color);border-radius:6px;background-color:var(--input-bg);color:inherit}.personal-task-form input{flex:1;min-width:150px;padding:.5rem;border:1px solid var(--border-color);border-radius:6px;background-color:var(--input-bg);color:inherit}.personal-task-form button{padding:.5rem 1rem;background-color:var(--focus-color);color:#fff;border:none;border-radius:6px;cursor:pointer}.personal-tasks-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.personal-tasks-day h4{margin:0 0 .3rem;font-size:.9rem;opacity:.8}.personal-tasks-day ul{list-style:none;padding:0;margin:0}.personal-tasks-day li{display:flex;align-items:center;justify-content:space-between;padding:.4rem .6rem;background-color:var(--input-bg);border-radius:4px;margin-bottom:.3rem;font-size:.9rem}.personal-tasks-day li button{width:20px;height:20px;padding:0;font-size:.9rem;line-height:1;background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-radius:4px}.personal-tasks-day li button:hover{background-color:var(--reset-color);color:#fff}.settings-footer{display:flex;justify-content:flex-end;gap:.5rem;padding:1rem 1.5rem;border-top:1px solid var(--border-color)}.settings-btn{padding:.6rem 1.5rem;font-size:1rem;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.settings-btn.cancel{background-color:var(--secondary-bg);color:inherit}.settings-btn.cancel:hover{background-color:var(--secondary-bg-hover)}.settings-btn.save{background-color:var(--focus-color);color:#fff}.settings-btn.save:hover{background-color:var(--focus-color-hover)}@media(max-width:480px){.settings-modal{max-height:90vh}.settings-tab{padding:.6rem .8rem;font-size:.85rem}.setting-item{flex-direction:column;align-items:flex-start;gap:.5rem}.setting-item input[type=number],.setting-item select,.alarm-selection{width:100%}.alarm-selection select{flex:1}}.statistics-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.statistics-modal{width:100%;max-width:500px;max-height:80vh;background-color:var(--modal-bg);border-radius:16px;display:flex;flex-direction:column;overflow:hidden}.statistics-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color)}.statistics-header h2{margin:0;font-size:1.25rem}.statistics-close{width:32px;height:32px;font-size:1.5rem;line-height:1;background:transparent;border:none;color:inherit;cursor:pointer;border-radius:8px;padding:0}.statistics-close:hover{background-color:var(--secondary-bg)}.statistics-tabs{display:flex;border-bottom:1px solid var(--border-color);padding:0 1rem}.statistics-tab{flex:1;padding:.8rem 1rem;font-size:.95rem;background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent}.statistics-tab.active{color:var(--focus-color);border-bottom-color:var(--focus-color)}.statistics-tab:hover:not(.active){color:inherit}.statistics-content{flex:1;overflow-y:auto;padding:1.5rem}.statistics-section{display:flex;flex-direction:column;gap:1.5rem}.stats-summary{display:flex;gap:1rem;justify-content:center}.stat-card{flex:1;max-width:150px;display:flex;flex-direction:column;align-items:center;padding:1.5rem;background-color:var(--secondary-bg);border-radius:12px}.stat-value{font-size:2.5rem;font-weight:700;color:var(--focus-color)}.stat-label{font-size:.9rem;opacity:.7;margin-top:.3rem}.stats-logs h3,.weekly-chart h3{margin:0 0 1rem;font-size:1rem;opacity:.8}.log-list{list-style:none;padding:0;margin:0}.log-item{display:flex;justify-content:space-between;align-items:center;padding:.6rem .8rem;background-color:var(--secondary-bg);border-radius:6px;margin-bottom:.5rem}.log-task{font-size:.9rem}.log-duration{font-size:.85rem;opacity:.7}.no-data{text-align:center;opacity:.6;padding:2rem}.chart-container{display:flex;align-items:flex-end;justify-content:space-between;height:150px;gap:.5rem;padding:0 .5rem}.chart-bar-container{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.chart-bar{width:100%;max-width:40px;background-color:var(--focus-color);border-radius:4px 4px 0 0;min-height:4px;display:flex;align-items:flex-end;justify-content:center;transition:height .3s ease}.bar-value{font-size:.7rem;color:#fff;padding-bottom:.2rem}.chart-label{margin-top:.5rem;font-size:.8rem;opacity:.7}@media(max-width:480px){.statistics-modal{max-height:90vh}.stat-value{font-size:2rem}.chart-container{height:120px}}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color)}.app-title{font-size:1.5rem;margin:0}.header-actions{display:flex;gap:.5rem}.header-btn{width:40px;height:40px;font-size:1.2rem;background-color:transparent;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.header-btn:hover{background-color:var(--secondary-bg)}.app-main{flex:1;padding:1rem;display:flex;flex-direction:column;align-items:center}.app-footer{padding:1rem;text-align:center;border-top:1px solid var(--border-color)}.app-footer p{margin:0;font-size:.9rem;opacity:.6}@media(max-width:480px){.app-header{padding:.8rem 1rem}.app-title{font-size:1.2rem}}