:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.6;font-weight:400;color-scheme:light dark;color:var(--text-color);background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh}h1{font-size:3.2em;line-height:1.3}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:var(--background-light)}}.circular-progress-container{position:relative;display:inline-block}.circular-progress-svg{transform:rotate(-90deg);filter:drop-shadow(0 0 10px color-mix(in srgb,var(--theme-primary) 28%,transparent))}.circular-progress-track{fill:none;stroke:var(--background-light);stroke-linecap:round}.circular-progress-indicator{fill:none;stroke-linecap:round;transition:stroke-dashoffset .5s ease,stroke .3s ease;stroke:var(--theme-primary)}.circular-progress-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:100%;padding:0 20px}@keyframes pulse{0%,to{filter:drop-shadow(0 0 10px currentColor) brightness(1)}50%{filter:drop-shadow(0 0 20px currentColor) brightness(1.2)}}.circular-progress-container.running .circular-progress-svg{animation:pulse 2s ease-in-out infinite;color:var(--theme-primary)}.circular-progress-container.complete .circular-progress-svg{filter:drop-shadow(0 0 20px rgba(102,187,106,.8))}.circular-progress-container.complete .circular-progress-indicator{stroke:var(--accent-success)!important}@media(prefers-reduced-motion:reduce){.circular-progress-container.running .circular-progress-svg{animation:none}.circular-progress-indicator{transition:none}}.session-mode-container{width:100%;max-width:600px;margin-bottom:2rem}.current-mode-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background:var(--overlay-05);border:2px solid;border-radius:50px;margin-bottom:.5rem;transition:all .3s ease}.mode-icon{font-size:1.3rem;line-height:1}.mode-label{font-weight:500;font-size:1rem;color:var(--text-color)}.mode-status{font-size:1.2rem;line-height:1;animation:blink 1.5s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.mode-description{color:var(--text-secondary);font-size:.9rem;margin-bottom:1.5rem;font-style:italic}.mode-selector{background:var(--overlay-05);border-radius:12px;padding:1.5rem;text-align:center}.mode-selector h3{font-size:1rem;font-weight:400;margin-bottom:1rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.mode-dropdown-container{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.dropdown-label{font-size:.65rem;color:var(--text-color);font-weight:500;white-space:nowrap}.mode-dropdown{flex:1;background:var(--theme-background);border:1px solid rgba(128,128,128,.3);border-radius:4px;padding:.25rem 1.5rem .25rem .5rem;font-size:.65rem;color:var(--text-color);cursor:pointer;font-family:inherit;transition:all .2s ease;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23666" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6,9 12,15 18,9"></polyline></svg>');background-repeat:no-repeat;background-position:right .5rem center;background-size:12px}[data-theme*=midnight] .mode-dropdown,[data-theme*=ink] .mode-dropdown,[data-theme*=gunmetal] .mode-dropdown,[data-theme*=purple] .mode-dropdown,[data-theme*=darkDusty] .mode-dropdown,[data-theme*=silverMist] .mode-dropdown,[data-theme*=nebulaBlue] .mode-dropdown,[data-theme*=coralDawn] .mode-dropdown,[data-theme*=purpleSlate] .mode-dropdown,[data-theme*=dustyFloralMauve] .mode-dropdown{background:#2a2a2a!important;color:#fff!important;border-color:#555!important}[data-theme*=midnight] .mode-dropdown option,[data-theme*=ink] .mode-dropdown option,[data-theme*=gunmetal] .mode-dropdown option,[data-theme*=purple] .mode-dropdown option,[data-theme*=darkDusty] .mode-dropdown option,[data-theme*=silverMist] .mode-dropdown option,[data-theme*=nebulaBlue] .mode-dropdown option,[data-theme*=coralDawn] .mode-dropdown option,[data-theme*=purpleSlate] .mode-dropdown option,[data-theme*=dustyFloralMauve] .mode-dropdown option{background:#2a2a2a!important;color:#fff!important}.mode-dropdown:hover{border-color:var(--theme-primary)}.mode-dropdown:focus{outline:none;border-color:var(--theme-primary);box-shadow:0 0 0 2px #8080801a}.mode-dropdown:disabled{opacity:.5;cursor:not-allowed}.mode-lock-message{margin-top:.8rem;margin-bottom:0}.mode-lock-message small{color:var(--text-secondary);font-size:.85rem}.project-name-field{margin-top:1.5rem;text-align:left}.project-name-field label{display:block;font-size:.9rem;font-weight:500;color:var(--text-color);margin-bottom:.5rem}.project-name-field .optional{font-weight:400;color:var(--text-secondary);font-size:.8rem}.project-name-input{width:100%;padding:.75rem 1rem;background:var(--overlay-05);border:1px solid var(--overlay-15);border-radius:8px;font-size:.9rem;color:var(--text-color);font-family:inherit;transition:all .2s ease}.project-name-input:focus{outline:none;border-color:var(--theme-primary);background:var(--overlay-10);box-shadow:0 0 0 2px rgba(var(--theme-primary-rgb),.2)}.project-name-input:disabled{opacity:.5;cursor:not-allowed}.project-name-input::placeholder{color:var(--text-secondary)}@media(max-width:768px){.mode-dropdown-container{gap:.4rem}.mode-dropdown{padding:.7rem 2.8rem .7rem .9rem;font-size:.9rem}.dropdown-label{font-size:.8rem}.current-mode-badge{padding:.5rem 1rem}}@media(max-width:480px){.mode-dropdown{padding:.6rem 2.6rem .6rem .8rem;font-size:.85rem}.dropdown-label{font-size:.75rem}}.pomodoro-container{width:100%;max-width:600px;margin-bottom:2rem;background:var(--background-medium);border-radius:12px;padding:1.5rem}.pomodoro-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.pomodoro-toggle{display:flex;align-items:center;gap:1rem;background:var(--background-light);-webkit-user-select:none;user-select:none}.pomodoro-toggle input[type=checkbox]{display:none}.toggle-slider{position:relative;background:#dc3545;width:50px;height:26px;border-radius:50px;transition:background .3s ease;flex-shrink:0}.pomodoro-toggle input:checked+.toggle-slider{background:#28a745}.pomodoro-toggle input:checked+.toggle-slider:before{transform:translate(24px)}.pomodoro-toggle input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.enabled-badge{font-size:.75rem;background:#28a745!important;color:#fff!important;padding:.2rem .6rem;border-radius:12px;border:1px solid #28a745;font-weight:600}.expand-btn{font-family:inherit;font-size:.85rem;padding:.4rem .8rem;background:var(--background-light);color:var(--text-color);border:1px solid rgba(0,0,0,.06);border-radius:8px;cursor:pointer;transition:all .3s ease;white-space:nowrap}.expand-btn:hover{background:var(--overlay-08)}.pomodoro-settings{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,.06)}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:.5rem}.setting-item{display:flex;flex-direction:column;gap:.5rem}.setting-item label{font-size:.85rem;color:var(--text-secondary);font-weight:400}.input-with-unit{display:flex;align-items:center;gap:.5rem;background:var(--background-medium);border:1px solid rgba(0,0,0,.06);border-radius:8px;padding:.1rem .6rem .1rem .1rem}.input-with-unit input{flex:1;font-family:inherit;font-size:.9rem;padding:.5rem .6rem;background:transparent;border:none;color:var(--text-color);width:100%}.input-with-unit input:focus{outline:none}.input-with-unit:focus-within{border-color:var(--theme-primary);box-shadow:0 0 0 2px #e91e631f}.unit{font-size:.85rem;color:var(--text-secondary);white-space:nowrap}.input-with-unit input:disabled{opacity:.5;cursor:not-allowed}.settings-locked{text-align:center;margin-top:1rem;margin-bottom:0}.settings-locked small{color:var(--text-secondary);font-size:.85rem}.pomodoro-explanation{margin-top:1rem;padding:.8rem;background:#e91e6314;border:1px solid rgba(233,30,99,.18);border-radius:8px;text-align:center}.pomodoro-explanation p{margin:0;font-size:.9rem;color:var(--text-color);line-height:1.5}@media(max-width:768px){.pomodoro-header{flex-direction:column;align-items:flex-start}.expand-btn{width:100%}.settings-grid{grid-template-columns:1fr}}.pomodoro-cycle-tracker{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem;background:var(--background-medium);border-radius:12px;margin-bottom:1rem}.cycle-status{display:flex;align-items:center;gap:.5rem}.cycle-icon{font-size:1.5rem}.cycle-label{font-size:1rem;font-weight:500;color:var(--text-color)}.cycle-progress{display:flex;flex-direction:column;align-items:center;gap:.5rem}.progress-dots{display:flex;gap:.5rem}.dot{width:12px;height:12px;border-radius:50%;background:var(--background-medium);transition:all .3s ease}.dot.completed{background:var(--theme-primary);box-shadow:0 0 8px #e91e6380}.dot.current{background:var(--theme-secondary);box-shadow:0 0 8px #00d4ff80;animation:pulse-dot 1.5s ease-in-out infinite}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.8}}.progress-text{font-size:.85rem;color:var(--text-secondary)}.task-list-container{width:100%;display:flex;flex-direction:column;gap:1rem;padding:.25rem}.task-stats{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;color:var(--text-secondary);font-size:.85rem}.clear-completed-btn{font-size:.8rem;padding:.3rem .6rem;background:var(--background-light);color:var(--text-secondary);border:1px solid rgba(0,0,0,.06);border-radius:6px;cursor:pointer;transition:all .3s ease}.clear-completed-btn:hover{background:var(--overlay-10);color:var(--text-color)}.add-task-input{display:flex;gap:.5rem;margin-bottom:.25rem}.task-input{flex:1;font-family:inherit;font-size:.9rem;padding:.6rem 1rem;background:var(--background-light);border:1px solid rgba(0,0,0,.06);border-radius:8px;color:var(--text-color);transition:all .3s ease}.task-input:focus{outline:none;background:var(--overlay-08);border-color:var(--theme-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--theme-primary) 20%,transparent)}.task-input::placeholder{color:var(--text-secondary)}.add-task-btn{width:40px;height:40px;font-size:1.5rem;padding:0;background:var(--theme-primary);color:var(--text-color-inverse);border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.add-task-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px color-mix(in srgb,var(--theme-primary) 50%,transparent);filter:brightness(1.1)}.add-task-btn:disabled{opacity:.3;cursor:not-allowed}.tasks-list{display:flex;flex-direction:column;gap:.5rem;max-height:400px;overflow-y:auto;padding-right:.5rem;margin-top:.25rem}.tasks-list::-webkit-scrollbar{width:12px}.tasks-list::-webkit-scrollbar-track{background:var(--background-medium);border-radius:3px}.tasks-list::-webkit-scrollbar-thumb{background:var(--overlay-20);border-radius:3px}.tasks-list::-webkit-scrollbar-thumb:hover{background:var(--overlay-38)}.no-tasks{text-align:center;color:var(--text-secondary);font-size:.9rem;font-style:italic;padding:2rem 1rem}.task-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--background-medium);border:1px solid rgba(0,0,0,.06);border-radius:8px;transition:all .3s ease;cursor:grab}.task-item:hover{background:var(--background-light);border-color:#00000014}.task-item.dragging{opacity:.5;cursor:grabbing}.task-item.completed{opacity:.6}.task-item.completed .task-text{text-decoration:line-through;color:var(--text-secondary)}.drag-handle{color:var(--text-secondary);font-size:.9rem;cursor:grab;-webkit-user-select:none;user-select:none;line-height:1}.task-item.dragging .drag-handle{cursor:grabbing}.task-checkbox{width:20px;height:20px;min-width:44px;min-height:44px;border:2px solid var(--text-secondary);border-radius:50%;background:var(--background-light);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;padding:12px;position:relative}.task-checkbox:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--text-secondary);opacity:.3;transition:all .3s ease}.task-checkbox:hover{border-color:var(--theme-primary);background:color-mix(in srgb,var(--theme-primary) 12%,var(--background-light));transform:scale(1.05)}.task-checkbox:hover:before{opacity:.6;background:var(--theme-primary)}.task-item.completed .task-checkbox{border-color:var(--theme-primary);background:var(--theme-primary)}.task-item.completed .task-checkbox:before{display:none}.checkmark{color:var(--text-color-inverse);font-size:.8rem;font-weight:700;line-height:1;position:relative;z-index:2;display:block}.empty-circle{color:var(--text-secondary);font-size:.7rem;opacity:.5;line-height:1}.task-actions{margin-top:1rem;display:flex;justify-content:center}.clear-completed-btn{background:var(--background-medium);color:var(--text-secondary);border:1px solid var(--overlay-20);border-radius:6px;padding:.5rem 1rem;font-size:.8rem;cursor:pointer;transition:all .3s ease}.clear-completed-btn:hover{background:var(--overlay-20);border-color:var(--theme-primary);color:var(--theme-primary);transform:translateY(-1px)}.task-text{flex:1;color:var(--text-color);font-size:.9rem;line-height:1.4;word-break:break-word}.delete-task-btn{width:24px;height:24px;min-width:44px;min-height:44px;font-size:1.3rem;line-height:1;padding:10px;background:#dc3545;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;opacity:1}.delete-task-btn:hover{background:#c82333;transform:scale(1.05)}.timer-reminder{text-align:center;padding:.6rem;background:color-mix(in srgb,var(--theme-primary) 8%,transparent);border:1px solid color-mix(in srgb,var(--theme-primary) 18%,transparent);border-radius:8px;margin-top:.5rem}.timer-reminder small{color:var(--text-secondary);font-size:.85rem}@media(max-width:768px){.tasks-list{max-height:300px}.task-item{padding:.5rem .6rem}.task-text{font-size:.85rem}}:root[data-theme=dustyFloralLight] .task-checkbox,:root[data-theme=dustyFloralMist] .task-checkbox,:root[data-theme=dustyRose] .task-checkbox,:root[data-theme=dustyFloralNeutral] .task-checkbox,:root[data-theme=blackberryCream] .task-checkbox,:root[data-theme=sageGreen] .task-checkbox{border:2px solid #2A1B1F!important;background:#ffffffe6!important}:root[data-theme=dustyFloralLight] .task-checkbox:before,:root[data-theme=dustyFloralMist] .task-checkbox:before,:root[data-theme=dustyRose] .task-checkbox:before,:root[data-theme=dustyFloralNeutral] .task-checkbox:before,:root[data-theme=blackberryCream] .task-checkbox:before,:root[data-theme=sageGreen] .task-checkbox:before{background:#2a1b1f!important;opacity:.8!important}:root[data-theme=dustyFloralLight] .task-text,:root[data-theme=dustyFloralMist] .task-text,:root[data-theme=dustyRose] .task-text,:root[data-theme=dustyFloralNeutral] .task-text,:root[data-theme=blackberryCream] .task-text,:root[data-theme=sageGreen] .task-text{color:#2a1b1f!important}:root[data-theme=dustyFloralLight] .task-stats,:root[data-theme=dustyFloralMist] .task-stats,:root[data-theme=dustyRose] .task-stats,:root[data-theme=dustyFloralNeutral] .task-stats,:root[data-theme=blackberryCream] .task-stats,:root[data-theme=sageGreen] .task-stats{color:#2a1b1fbf!important}:root[data-theme=dustyFloralLight] .task-checkbox:hover,:root[data-theme=dustyFloralMist] .task-checkbox:hover,:root[data-theme=dustyRose] .task-checkbox:hover,:root[data-theme=dustyFloralNeutral] .task-checkbox:hover,:root[data-theme=blackberryCream] .task-checkbox:hover,:root[data-theme=sageGreen] .task-checkbox:hover{border-color:var(--theme-primary)}:root[data-theme=dustyFloralLight] .task-checkbox:hover:before,:root[data-theme=dustyFloralMist] .task-checkbox:hover:before,:root[data-theme=dustyRose] .task-checkbox:hover:before,:root[data-theme=dustyFloralNeutral] .task-checkbox:hover:before,:root[data-theme=blackberryCream] .task-checkbox:hover:before,:root[data-theme=sageGreen] .task-checkbox:hover:before{background:var(--theme-primary);opacity:.8}:root[data-theme=dustyFloralLight] .clear-completed-btn,:root[data-theme=dustyFloralMist] .clear-completed-btn,:root[data-theme=dustyRose] .clear-completed-btn,:root[data-theme=dustyFloralNeutral] .clear-completed-btn,:root[data-theme=blackberryCream] .clear-completed-btn,:root[data-theme=sageGreen] .clear-completed-btn{background:#ffffffe6!important;color:#2a1b1f!important;border:1px solid rgba(42,27,31,.3)!important}:root[data-theme=dustyFloralLight] .add-task-btn,:root[data-theme=dustyFloralMist] .add-task-btn,:root[data-theme=dustyRose] .add-task-btn,:root[data-theme=dustyFloralNeutral] .add-task-btn,:root[data-theme=blackberryCream] .add-task-btn,:root[data-theme=sageGreen] .add-task-btn{background:#b91651!important;color:#fff!important}.task-checkbox:focus-visible{outline:3px solid var(--theme-primary);outline-offset:2px}.delete-task-btn:focus-visible{outline:3px solid var(--accent-danger);outline-offset:2px;opacity:1}.add-task-btn:focus-visible{outline:3px solid var(--theme-primary);outline-offset:2px}.task-input:focus-visible{outline:3px solid var(--theme-primary);outline-offset:2px}.clear-completed-btn:focus-visible{outline:3px solid var(--text-secondary);outline-offset:2px}.drag-handle:focus-visible{outline:3px solid var(--text-color);outline-offset:2px}.statistics-container{width:100%;display:flex;flex-direction:column;gap:1.5rem}.stats-overview{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}.stat-card{display:flex;align-items:center;gap:.8rem;padding:1rem;background:var(--background-medium);border:1px solid rgba(0,0,0,.06);border-radius:12px;transition:all .3s ease}.stat-card:hover{background:var(--background-light);border-color:#00000014;transform:translateY(-2px)}.stat-icon{font-size:2rem;line-height:1}.stat-content{display:flex;flex-direction:column;gap:.2rem}.stat-value{font-size:1.5rem;font-weight:600;color:var(--text-color);line-height:1}.mode-breakdown{background:var(--background-medium);border-radius:12px;padding:1.2rem}.mode-breakdown h4{font-size:.9rem;font-weight:500;color:var(--text-secondary);margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px}.mode-stat{margin-bottom:1rem}.mode-stat:last-child{margin-bottom:0}.mode-info{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem}.mode-stat-icon{font-size:1.2rem}.mode-stat-label{font-size:.9rem;color:var(--text-color);font-weight:500}.mode-details{display:flex;justify-content:space-between;align-items:center;margin-bottom:.3rem;font-size:.8rem;color:var(--text-secondary)}.mode-count{flex:1}.mode-time{flex:1;text-align:center}.mode-percent{flex:0 0 auto;font-weight:600;color:var(--theme-primary)}.mode-bar{height:6px;background:var(--background-light);border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--theme-primary);border-radius:inherit;transition:width .3s ease}.stats-footer{display:flex;flex-direction:column;gap:.8rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,.06)}.tracking-period{text-align:center;color:var(--text-secondary);font-size:.85rem;margin:0}.reset-stats-btn{font-size:.85rem;padding:.5rem 1rem;background:#ff3b3014;color:var(--accent-danger);border:1px solid rgba(255,59,48,.18);border-radius:8px;cursor:pointer;transition:all .3s ease}.reset-stats-btn:hover{background:#ff3b301f;border-color:#ff3b3047;color:var(--accent-danger)}.reset-confirm{background:#ff3b300a;border:1px solid rgba(255,59,48,.18);border-radius:8px;padding:1rem;text-align:center}.reset-confirm p{margin:0 0 .8rem;color:var(--text-secondary);font-size:.9rem}.reset-actions{display:flex;gap:.5rem;justify-content:center}.reset-confirm-btn,.reset-cancel-btn{font-size:.85rem;padding:.4rem 1rem;border-radius:6px;cursor:pointer;transition:all .3s ease;flex:1;max-width:120px}.reset-confirm-btn{background:var(--accent-danger);color:var(--text-color-inverse);border:none}.reset-confirm-btn:hover{background:#e6342a;transform:translateY(-1px)}.reset-cancel-btn{background:var(--background-medium);color:var(--text-color);border:1px solid rgba(0,0,0,.06)}.reset-cancel-btn:hover{background:var(--background-light)}:root[data-theme=dustyFloralLight] .stats-container,:root[data-theme=dustyFloralMist] .stats-container,:root[data-theme=dustyRose] .stats-container,:root[data-theme=dustyFloralNeutral] .stats-container,:root[data-theme=blackberryCream] .stats-container,:root[data-theme=sageGreen] .stats-container{color:#2a1b1f!important}:root[data-theme=dustyFloralLight] .stat-card,:root[data-theme=dustyFloralMist] .stat-card,:root[data-theme=dustyRose] .stat-card,:root[data-theme=dustyFloralNeutral] .stat-card,:root[data-theme=blackberryCream] .stat-card,:root[data-theme=sageGreen] .stat-card{background:#ffffffb3!important;color:#2a1b1f!important;border:1px solid rgba(42,27,31,.15)!important}:root[data-theme=dustyFloralLight] .stat-number,:root[data-theme=dustyFloralMist] .stat-number,:root[data-theme=dustyRose] .stat-number,:root[data-theme=dustyFloralNeutral] .stat-number,:root[data-theme=blackberryCream] .stat-number,:root[data-theme=sageGreen] .stat-number{color:#2a1b1f!important}:root[data-theme=dustyFloralLight] .stat-label,:root[data-theme=dustyFloralMist] .stat-label,:root[data-theme=dustyRose] .stat-label,:root[data-theme=dustyFloralNeutral] .stat-label,:root[data-theme=blackberryCream] .stat-label,:root[data-theme=sageGreen] .stat-label{color:#2a1b1fb3!important}@media(max-width:768px){.stats-overview{grid-template-columns:1fr}.stat-card{padding:.8rem}.stat-icon{font-size:1.5rem}.stat-value{font-size:1.3rem}}.word-tracker-container{width:100%;display:flex;flex-direction:column;gap:1rem}.word-tracker-toggle-section{padding-bottom:.5rem}.word-tracker-toggle{display:flex;align-items:center;gap:1rem;cursor:pointer;-webkit-user-select:none;user-select:none}.word-tracker-toggle input[type=checkbox]{display:none}.toggle-slider{position:relative;width:50px;height:26px;background:#dc3545;border-radius:50px;transition:background .3s ease;flex-shrink:0}.toggle-slider:before{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:var(--background-light);top:3px;left:3px;transition:transform .3s ease}.word-tracker-toggle input:checked+.toggle-slider{background:#28a745}.word-tracker-toggle input:checked+.toggle-slider:before{transform:translate(24px)}.enabled-badge{font-size:.75rem;background:#28a74526;color:#28a745;padding:.2rem .6rem;border-radius:12px;border:1px solid rgba(40,167,69,.3)}.word-inputs{display:flex;flex-direction:column;gap:.8rem}.word-input-group{display:flex;flex-direction:column;gap:.4rem}.word-input-group label{font-size:.85rem;color:var(--text-secondary);font-weight:500}.word-input{font-family:inherit;font-size:1rem;padding:.7rem 1rem;background:var(--background-medium);border:1px solid rgba(0,0,0,.06);border-radius:8px;color:var(--text-color);transition:all .3s ease;width:100%}.word-input:focus{outline:none;background:var(--background-light);border-color:var(--theme-primary);box-shadow:0 0 0 2px #e91e631f}.word-input:disabled{opacity:.5;cursor:not-allowed}.word-input::placeholder{color:var(--overlay-38)}.word-input::-webkit-outer-spin-button,.word-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.word-input[type=number]{appearance:textfield;-moz-appearance:textfield}.quick-goals{display:flex;flex-direction:column;gap:.5rem}.quick-goals-label{font-size:.85rem;color:var(--text-secondary);font-weight:500}.quick-goal-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.quick-goal-btn{font-family:inherit;font-size:.85rem;padding:.5rem;background:var(--background-medium);color:var(--text-color);border:1px solid rgba(0,0,0,.06);border-radius:6px;cursor:pointer;transition:all .3s ease;font-weight:500}.quick-goal-btn:hover{background:var(--background-light);border-color:#00000014;transform:translateY(-1px)}.quick-goal-btn:active{transform:translateY(0)}.word-progress{display:flex;flex-direction:column;gap:.8rem;padding:1rem;background:var(--background-medium);border-radius:8px;border:1px solid rgba(0,0,0,.06)}.progress-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.stat-item{display:flex;flex-direction:column;gap:.3rem}.stat-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:1.5rem;font-weight:600;color:var(--text-color)}.stat-value.words-written{color:var(--accent-danger)}.progress-bar-container{height:8px;background:var(--background-light);border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--theme-primary);border-radius:4px;transition:width .5s ease;box-shadow:0 0 10px #e91e6347}.target-status{text-align:center;padding:.6rem;border-radius:6px;font-size:.9rem;font-weight:500}.target-status.achieved{background:#4caf501f;border:1px solid rgba(76,175,80,.28);color:var(--accent-success)}.target-status.in-progress{background:#ff98001f;border:1px solid rgba(255,152,0,.28);color:var(--theme-secondary)}.complete-session-btn{font-family:inherit;font-size:.9rem;padding:.7rem 1.5rem;background:var(--theme-primary);color:var(--text-color-inverse);border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:500;width:100%}.complete-session-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00d4ff2e}.complete-session-btn:active{transform:translateY(0)}.session-status{text-align:center;padding:.6rem;background:#e91e6314;border:1px solid rgba(233,30,99,.18);border-radius:6px}.session-status small{color:var(--text-secondary);font-size:.85rem}@media(max-width:768px){.progress-stats{grid-template-columns:1fr}.quick-goal-buttons{grid-template-columns:repeat(2,1fr)}}.sound-settings-container{width:100%;display:flex;flex-direction:column;gap:1.2rem}.sound-toggle-section{padding-bottom:.5rem}.sound-toggle{display:flex;align-items:center;gap:1rem;cursor:pointer;-webkit-user-select:none;user-select:none}.sound-toggle input[type=checkbox]{display:none}.toggle-slider{position:relative;width:50px;height:26px;background:var(--background-medium);border-radius:50px;transition:background .3s ease;flex-shrink:0}.toggle-slider:before{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:var(--text-color);top:3px;left:3px;transition:transform .3s ease}.sound-toggle input:checked+.toggle-slider{background:var(--theme-primary)}.sound-toggle input:checked+.toggle-slider:before{transform:translate(24px)}.toggle-label{font-size:1rem;font-weight:500;color:var(--text-color);display:flex;align-items:center;gap:.5rem}.enabled-badge{font-size:.75rem;background:#e91e634d;color:#e91e63;padding:.2rem .6rem;border-radius:12px;border:1px solid rgba(233,30,99,.5)}.enabled-badge.initialized{background:#4caf504d;color:#4caf50;border-color:#4caf5080}.enabled-badge.pending{background:#ff98004d;color:#ff9800;border-color:#ff980080}.audio-status-notice{display:flex;align-items:center;padding:.8rem;border-radius:8px;font-size:.85rem;margin-bottom:.5rem;transition:all .3s ease}.audio-status-notice.pending{background:#ff98001a;color:#f57c00;border:1px solid rgba(255,152,0,.3)}.audio-status-notice.ready{background:#4caf501a;color:#388e3c;border:1px solid rgba(76,175,80,.3)}.section-label{font-size:.85rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.sound-type-section{display:flex;flex-direction:column;gap:.8rem}.sound-type-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.sound-type-btn{font-family:inherit;font-size:.9rem;padding:.7rem 1rem;background:var(--background-medium);color:var(--text-color);border:1px solid rgba(0,0,0,.06);border-radius:8px;cursor:pointer;transition:all .3s ease;text-align:center}.sound-type-btn:hover{background:var(--background-light);border-color:#00000014}.sound-type-btn.active{background:#e91e631f;border-color:var(--theme-primary);color:var(--theme-primary);font-weight:600}.volume-section{display:flex;flex-direction:column;gap:.8rem}.volume-header{display:flex;justify-content:space-between;align-items:center}.volume-value{font-size:.9rem;color:var(--theme-primary);font-weight:600}.volume-slider{width:100%;height:6px;border-radius:3px;background:var(--background-light);outline:none;-webkit-appearance:none;appearance:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#e91e63;cursor:pointer;transition:all .3s ease}.volume-slider::-webkit-slider-thumb:hover{background:#c2185b;transform:scale(1.2)}.volume-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#e91e63;cursor:pointer;border:none;transition:all .3s ease}.volume-slider::-moz-range-thumb:hover{background:#c2185b;transform:scale(1.2)}.volume-slider::-webkit-slider-runnable-track{width:100%;height:6px;border-radius:3px;background:var(--theme-primary)}.test-sound-btn{font-family:inherit;font-size:.9rem;padding:.7rem 1.5rem;background:var(--theme-primary);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:500}.test-sound-btn.mobile-init{background:#ff9800;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #ff9800b3}70%{box-shadow:0 0 0 10px #ff980000}to{box-shadow:0 0 #ff980000}}.test-sound-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d;filter:brightness(1.1)}.test-sound-btn:active{transform:translateY(0)}@media(max-width:768px){.sound-type-buttons{grid-template-columns:1fr}}.export-import-container{width:100%;display:flex;flex-direction:column;gap:.8rem}.section-description{font-size:.85rem;color:#000000a6;margin:0 0 .5rem;line-height:1.5}.export-btn{font-family:inherit;font-size:.9rem;padding:.8rem 1.5rem;background:var(--theme-primary);color:var(--text-color-inverse);border:2px solid var(--theme-primary);border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:500;width:100%}.export-btn:hover{transform:translateY(-2px);background:color-mix(in srgb,var(--theme-primary) 85%,#000000);box-shadow:0 4px 12px color-mix(in srgb,var(--theme-primary) 50%,transparent)}.export-btn:active{transform:translateY(0)}.import-btn-wrapper{position:relative;width:100%}.import-input{display:none}.import-btn{display:block;font-family:inherit;font-size:.9rem;padding:.8rem 1.5rem;background:color-mix(in srgb,var(--theme-primary) 70%,#000000);color:var(--text-color-inverse);border:2px solid color-mix(in srgb,var(--theme-primary) 70%,#000000);border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:500;text-align:center;width:100%}.import-btn:hover{transform:translateY(-2px);background:color-mix(in srgb,var(--theme-primary) 55%,#000000);box-shadow:0 4px 12px color-mix(in srgb,var(--theme-primary) 50%,transparent)}.import-btn:active{transform:translateY(0)}.clear-all-btn{font-family:inherit;font-size:.9rem;padding:.8rem 1.5rem;background:#ff3b301a;color:#ff3b30e6;border:1px solid rgba(255,59,48,.3);border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:500;width:100%}.clear-all-btn:hover{background:#ff3b3033;border-color:#ff3b3080;color:#ff3b30;transform:translateY(-2px)}.clear-all-btn:active{transform:translateY(0)}.import-status{padding:.8rem;border-radius:8px;text-align:center;font-size:.85rem;font-weight:500;animation:slideIn .3s ease}.import-status.success{background:#4caf501f;border:1px solid rgba(76,175,80,.24);color:var(--accent-success)}.import-status.error{background:#ff3b3014;border:1px solid rgba(255,59,48,.18);color:var(--accent-danger)}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.data-info{background:var(--overlay-03);border:1px solid var(--overlay-10);border-radius:8px;padding:1rem;margin-top:.5rem}.data-info h5{font-size:.85rem;font-weight:500;color:var(--text-secondary);margin:0 0 .6rem;text-transform:uppercase;letter-spacing:.5px}.data-info ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem}.data-info li{font-size:.85rem;color:var(--text-secondary);padding-left:.5rem}@media(max-width:768px){.export-btn,.import-btn,.clear-all-btn{font-size:.85rem;padding:.7rem 1.2rem}}.theme-selector-container{width:100%;display:flex;flex-direction:column;gap:1rem}.theme-description{font-size:.85rem;color:var(--text-secondary);margin:0 0 .5rem}.theme-categories{display:flex;flex-direction:column;gap:1.5rem}.theme-category{width:100%}.category-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.8rem 1rem;background:var(--background-light);border:1px solid var(--overlay-10);border-radius:8px;cursor:pointer;transition:all .3s ease;font-family:inherit}.category-header:hover{background:var(--background-medium);border-color:var(--overlay-20)}.category-name{font-size:1rem;font-weight:600;color:var(--text-color)}.category-arrow{font-size:.8rem;color:var(--text-secondary);transition:transform .3s ease}.category-arrow.collapsed{transform:rotate(-90deg)}.category-content{overflow:hidden;transition:all .3s ease;margin-top:.75rem;padding-bottom:.25rem}.category-content.collapsed{max-height:0;margin-top:0;opacity:0}.theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.theme-card{position:relative;display:flex;flex-direction:row;background:var(--overlay-05);border:2px solid var(--overlay-10);border-radius:8px;padding:0;cursor:pointer;transition:all .3s ease;overflow:hidden;width:100%;min-height:80px}.theme-card:hover{background:var(--overlay-08);border-color:var(--overlay-20);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.theme-card.active{border-color:var(--theme-primary);box-shadow:0 0 0 2px #e91e634d}.theme-color-palette{width:80px;height:80px;display:flex;align-items:center;justify-content:center;position:relative;padding:.5rem;flex-shrink:0}.palette-swatches{display:grid;grid-template-columns:1fr 1fr;gap:3px;align-items:center;justify-content:center}.swatch{width:16px;height:16px;border-radius:3px;border:1px solid rgba(255,255,255,.2);box-shadow:0 1px 3px #0003;transition:transform .2s ease}.swatch:hover{transform:scale(1.1)}.swatch.primary{border-color:#ffffff4d}.swatch.secondary{border-color:#ffffff40}.swatch.background{border-color:#0003}.swatch.text{border-color:#fff3}.theme-info{padding:.75rem;display:flex;flex-direction:column;text-align:left;flex-grow:1;justify-content:center}.theme-name{font-size:.9rem;font-weight:600;color:var(--text-color);margin-bottom:.2rem}.theme-desc{font-size:.75rem;color:var(--text-secondary);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.theme-check{position:absolute;top:.5rem;right:.5rem;width:18px;height:18px;background:var(--theme-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.7rem;font-weight:700;box-shadow:0 2px 8px #0000004d}:root[data-theme=dustyFloralLight] .theme-card,:root[data-theme=dustyFloralMist] .theme-card,:root[data-theme=dustyRose] .theme-card,:root[data-theme=dustyFloralNeutral] .theme-card,:root[data-theme=blackberryCream] .theme-card,:root[data-theme=sageGreen] .theme-card{background:#fffc!important;border:1px solid rgba(42,27,31,.2)!important;color:#2a1b1f!important}:root[data-theme=dustyFloralLight] .theme-name,:root[data-theme=dustyFloralMist] .theme-name,:root[data-theme=dustyRose] .theme-name,:root[data-theme=dustyFloralNeutral] .theme-name,:root[data-theme=blackberryCream] .theme-name,:root[data-theme=sageGreen] .theme-name{color:#2a1b1f!important}:root[data-theme=dustyFloralLight] .theme-desc,:root[data-theme=dustyFloralMist] .theme-desc,:root[data-theme=dustyRose] .theme-desc,:root[data-theme=dustyFloralNeutral] .theme-desc,:root[data-theme=blackberryCream] .theme-desc,:root[data-theme=sageGreen] .theme-desc{color:#2a1b1fb3!important}@media(max-width:768px){.theme-grid{grid-template-columns:1fr}.theme-color-palette{width:70px;height:70px;padding:.4rem}.swatch{width:14px;height:14px}.palette-swatches{gap:2px}.theme-name{font-size:.85rem}.theme-desc{font-size:.7rem}}@media(max-width:480px){.theme-color-palette{height:80px;padding:.75rem}.swatch{width:28px;height:28px}.palette-swatches{gap:.4rem}.theme-info{padding:1rem}.theme-check{width:20px;height:20px;font-size:.7rem;top:.75rem;right:.75rem}}.compact-toggle-row{display:flex;align-items:center;justify-content:flex-start;padding:.2rem .4rem}.compact-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer}.compact-toggle input[type=checkbox]{width:18px;height:18px}.compact-label{font-size:.9rem;color:var(--text-secondary)}.theme-manager.progressive{display:flex;flex-direction:column;gap:.75rem;width:100%}.section-description{font-size:.8rem;color:#000000b3;margin:0;font-style:italic;padding:.5rem 0}.advanced-content,.expert-content{animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.default-theme-settings{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem}.setting-group{display:flex;flex-direction:column;gap:.25rem}.setting-label{display:flex;align-items:center;gap:.25rem;font-size:.65rem;font-weight:500;color:var(--text-color)}.label-icon{font-size:.7rem}.setting-control{display:flex;align-items:center;gap:.5rem}.theme-select{flex:1;background:var(--theme-background);border:1px solid rgba(128,128,128,.3);border-radius:4px;padding:.25rem .5rem;font-size:.65rem;color:var(--text-color);cursor:pointer;font-family:inherit;transition:all .2s ease}.theme-select:hover{border-color:var(--theme-primary)}.theme-select:focus{outline:none;border-color:var(--theme-primary);box-shadow:0 0 0 2px #8080801a}[data-theme=midnightSteel] .theme-select,[data-theme=midnightDepths] .theme-select,[data-theme=inkBlack] .theme-select,[data-theme=gunmetalGray] .theme-select,[data-theme=purpleHaze] .theme-select,[data-theme=darkDustyRose] .theme-select,[data-theme=silverMist] .theme-select,[data-theme=nebulaBlue] .theme-select,[data-theme=coralDawn] .theme-select,[data-theme=purpleSlate] .theme-select,[data-theme=dustyFloralMauve] .theme-select,[data-theme=dark] .theme-select{background:#2a2a2a!important;color:#fff!important;border-color:#555!important}[data-theme=midnightSteel] .theme-select option,[data-theme=midnightDepths] .theme-select option,[data-theme=inkBlack] .theme-select option,[data-theme=gunmetalGray] .theme-select option,[data-theme=purpleHaze] .theme-select option,[data-theme=darkDustyRose] .theme-select option,[data-theme=silverMist] .theme-select option,[data-theme=nebulaBlue] .theme-select option,[data-theme=coralDawn] .theme-select option,[data-theme=purpleSlate] .theme-select option,[data-theme=dustyFloralMauve] .theme-select option,[data-theme=dark] .theme-select option{background:#2a2a2a!important;color:#fff!important}[data-theme=midnightSteel] select,[data-theme=midnightDepths] select,[data-theme=inkBlack] select,[data-theme=gunmetalGray] select,[data-theme=purpleHaze] select,[data-theme=darkDustyRose] select,[data-theme=silverMist] select,[data-theme=nebulaBlue] select,[data-theme=coralDawn] select,[data-theme=purpleSlate] select,[data-theme=dustyFloralMauve] select,[data-theme=dark] select{background-color:#2a2a2a!important;color:#fff!important;border:1px solid #555!important}[data-theme=midnightSteel] select option,[data-theme=midnightDepths] select option,[data-theme=inkBlack] select option,[data-theme=gunmetalGray] select option,[data-theme=purpleHaze] select option,[data-theme=darkDustyRose] select option,[data-theme=silverMist] select option,[data-theme=nebulaBlue] select option,[data-theme=coralDawn] select option,[data-theme=purpleSlate] select option,[data-theme=dustyFloralMauve] select option,[data-theme=dark] select option{background-color:#2a2a2a!important;color:#fff!important}[data-theme=light] .theme-select,[data-theme=dustyFloralLight] .theme-select,[data-theme=dustyFloralMist] .theme-select,[data-theme=dustyRose] .theme-select,[data-theme=dustyFloralNeutral] .theme-select,[data-theme=dustyFloralMauve] .theme-select,[data-theme=blackberryCream] .theme-select,[data-theme=sageGreen] .theme-select,[data-theme=moonlightSilver] .theme-select,[data-theme=softLavender] .theme-select{background:#fff!important;color:#333!important;border-color:#ccc!important}[data-theme=light] .theme-select option,[data-theme=dustyFloralLight] .theme-select option,[data-theme=dustyFloralMist] .theme-select option,[data-theme=dustyRose] .theme-select option,[data-theme=dustyFloralNeutral] .theme-select option,[data-theme=dustyFloralMauve] .theme-select option,[data-theme=blackberryCream] .theme-select option,[data-theme=sageGreen] .theme-select option,[data-theme=moonlightSilver] .theme-select option,[data-theme=softLavender] .theme-select option{background:#fff!important;color:#333!important}[data-theme=light] select,[data-theme=dustyFloralLight] select,[data-theme=dustyFloralMist] select,[data-theme=dustyRose] select,[data-theme=dustyFloralNeutral] select,[data-theme=dustyFloralMauve] select,[data-theme=blackberryCream] select,[data-theme=sageGreen] select,[data-theme=moonlightSilver] select,[data-theme=softLavender] select{background-color:#fff!important;color:#333!important;border:1px solid #cccccc!important}[data-theme=light] select option,[data-theme=dustyFloralLight] select option,[data-theme=dustyFloralMist] select option,[data-theme=dustyRose] select option,[data-theme=dustyFloralNeutral] select option,[data-theme=dustyFloralMauve] select option,[data-theme=blackberryCream] select option,[data-theme=sageGreen] select option,[data-theme=moonlightSilver] select option,[data-theme=softLavender] select option{background-color:#fff!important;color:#333!important}.theme-preview-swatch{display:flex;width:30px;height:20px;border-radius:3px;overflow:hidden;border:1px solid rgba(128,128,128,.3);flex-shrink:0;transition:all .2s ease}.swatch-color{flex:1;height:100%}.apply-note{font-size:.6rem;color:var(--theme-primary);font-weight:500;padding:.125rem .25rem;background:#8080801a;border-radius:3px;border-left:2px solid var(--theme-primary)}.save-controls{display:flex;gap:.25rem;flex-wrap:wrap;padding-top:.125rem;border-top:1px solid rgba(128,128,128,.2)}.save-button.primary{background:var(--theme-primary);color:var(--theme-background);border:1px solid var(--theme-primary);padding:.25rem .5rem;border-radius:4px;font-weight:600;font-size:.65rem;cursor:pointer;transition:all .2s ease}.save-button.primary:hover:not(:disabled){background:var(--theme-background);color:var(--theme-primary);transform:translateY(-1px);box-shadow:0 4px 8px #0003}.save-button.primary:disabled{opacity:.5;cursor:not-allowed}.cancel-button.secondary,.reset-button.tertiary{background:transparent;color:var(--text-color);border:1px solid rgba(128,128,128,.3);padding:.25rem .4rem;border-radius:4px;font-size:.6rem;cursor:pointer;transition:all .2s ease}.cancel-button.secondary:hover:not(:disabled),.reset-button.tertiary:hover{border-color:var(--theme-primary);background:#8080801a}.cancel-button.secondary:disabled{opacity:.5;cursor:not-allowed}.expert-features{display:flex;flex-direction:column;gap:1rem}.feature-placeholder{padding:1rem;border:1px dashed rgba(128,128,128,.4);border-radius:6px;background:#8080800d}.feature-placeholder h5{margin:0 0 .5rem;color:var(--text-color);font-size:.85rem}.feature-placeholder p{margin:0 0 .75rem;color:var(--text-color);opacity:.7;font-size:.75rem}.feature-button{background:#80808033;color:var(--text-color);border:1px solid rgba(128,128,128,.3);padding:.5rem .75rem;border-radius:4px;font-size:.7rem;cursor:not-allowed;opacity:.6}@media(max-width:768px){.theme-manager.progressive{gap:1rem}.save-controls{flex-direction:column}.save-button.primary,.cancel-button.secondary,.reset-button.tertiary{width:100%}.setting-control{flex-direction:column;align-items:stretch}.theme-preview-swatch{align-self:flex-start;width:80px;height:30px}}.quick-theme-toggle{display:flex;flex-direction:column;align-items:center;margin:1rem 0;gap:.75rem}.toggle-container{display:flex;align-items:center;gap:1rem}.mode-label{font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--text-secondary);transition:color .3s ease;-webkit-user-select:none;user-select:none}.mode-label.left-label,.mode-label.right-label{opacity:1}.toggle-switch input:not(:checked)~* .left-label,input:not(:checked)+*+.left-label{color:var(--theme-primary);opacity:1}.toggle-switch input:checked~* .right-label,input:checked+*+.right-label{color:var(--theme-primary);opacity:1}.toggle-switch{position:relative;display:inline-block;width:60px;height:30px;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--overlay-15);border:2px solid var(--overlay-25);border-radius:30px;transition:all .3s cubic-bezier(.4,0,.2,1)}.slider:before{position:absolute;content:"";height:22px;width:22px;left:2px;top:2px;background-color:var(--text-color);border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px #0000004d}input:checked+.slider{background-color:var(--theme-primary);border-color:var(--theme-primary)}input:checked+.slider:before{transform:translate(30px);background-color:#fff}.toggle-switch:hover .slider{background-color:var(--overlay-20);border-color:var(--overlay-30)}input:checked+.slider:hover{background-color:color-mix(in srgb,var(--theme-primary) 85%,white)}.toggle-switch:hover .slider:before{box-shadow:0 3px 8px #0006}.settings-btn{background:transparent;border:1px solid var(--overlay-15);border-radius:4px;padding:.25rem;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;font-size:.8rem;display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-top:.5rem}.settings-btn:hover{background:var(--overlay-05);color:var(--text-color);border-color:var(--theme-primary)}.theme-settings-panel{background:var(--bg-primary);border:1px solid var(--overlay-15);border-radius:8px;padding:1rem;margin-top:.5rem;width:100%;max-width:280px;box-shadow:0 4px 12px var(--shadow-color)}.setting-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.setting-group:last-child{margin-bottom:0}.setting-label{font-size:.8rem;font-weight:500;color:var(--text-secondary);margin-bottom:.25rem}.theme-select{background:var(--overlay-05);border:1px solid var(--overlay-15);border-radius:4px;padding:.5rem;font-size:.8rem;color:var(--text-color);cursor:pointer;font-family:inherit;transition:all .2s ease}.theme-select:hover{border-color:var(--theme-primary);background:var(--overlay-10)}.theme-select:focus{outline:none;border-color:var(--theme-primary);box-shadow:0 0 0 2px var(--overlay-10)}.theme-select option{background:var(--bg-primary);color:var(--text-color);padding:.25rem}.setting-note{font-size:.75rem;color:var(--text-secondary);font-style:italic;text-align:center;margin-top:.5rem}@media(max-width:768px){.toggle-container{gap:.8rem}.mode-label{font-size:.7rem}.toggle-switch{width:54px;height:27px}.slider:before{height:19px;width:19px}input:checked+.slider:before{transform:translate(27px)}.theme-settings-panel{max-width:240px;padding:.8rem}}@media(max-width:480px){.quick-theme-toggle{margin:.75rem 0}.toggle-container{gap:.6rem}.mode-label{font-size:.65rem}.toggle-switch{width:48px;height:24px}.slider:before{height:16px;width:16px}input:checked+.slider:before{transform:translate(24px)}.theme-settings-panel{max-width:200px;padding:.6rem}}.getting-started-overlay{position:fixed;inset:0;background:#000000eb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease}.getting-started-modal{background:var(--bg-primary);border-radius:16px;width:90%;max-width:600px;max-height:90vh;overflow:hidden;box-shadow:0 20px 50px #000000b3;animation:slideUp .3s ease;display:flex;flex-direction:column}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--overlay-10);background:var(--overlay-05)}.step-indicator{display:flex;align-items:center;gap:.75rem}.step-icon{font-size:1.5rem;line-height:1}.step-counter{font-size:.9rem;color:var(--text-secondary);font-weight:500}.close-btn{background:none;border:none;font-size:1.25rem;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease;line-height:1}.close-btn:hover{background:var(--overlay-10);color:var(--text-color)}.modal-content{padding:2rem;overflow-y:auto;flex:1;min-height:0}.modal-content h2{font-size:1.5rem;color:var(--text-color);margin:0 0 1.5rem;font-weight:600}.welcome-step{text-align:center}.welcome-icon{font-size:3rem;margin-bottom:1rem}.welcome-step p{font-size:1rem;line-height:1.6;color:var(--text-color);margin-bottom:1rem}.step-content p{font-size:.95rem;color:var(--text-secondary);margin-bottom:1.5rem}.feature-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.feature-item{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--overlay-05);border-radius:12px;border-left:3px solid var(--theme-primary)}.feature-icon{font-size:1.25rem;flex-shrink:0;margin-top:.1rem}.feature-item div{flex:1}.feature-item strong{color:var(--text-color);display:block;margin-bottom:.25rem}background: var(--theme-primary); color: white; padding: 1rem; border-radius: 12px; font-size: .9rem; line-height: 1.5; } .success-message{background:#28a745;color:#fff;padding:1.25rem;border-radius:12px;text-align:center;font-size:1rem;font-weight:500;margin-top:1rem}.modal-footer{padding:1.5rem;background:var(--overlay-05);border-top:1px solid var(--overlay-10);flex-shrink:0;margin-top:auto}.progress-bar{width:100%;height:4px;background:var(--overlay-15);border-radius:2px;margin-bottom:1.5rem;overflow:hidden}.progress-fill{height:100%;background:var(--theme-primary);transition:width .3s ease;border-radius:2px}.navigation-buttons{display:flex;justify-content:space-between;align-items:center}.nav-buttons{display:flex;gap:.75rem}.btn{padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;font-family:inherit}.btn-primary{background:var(--theme-primary);color:#fff}.btn-primary:hover{background:color-mix(in srgb,var(--theme-primary) 90%,black);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--theme-primary-rgb),.3)}.btn-secondary{background:var(--overlay-10);color:var(--text-secondary)}.btn-secondary:hover{background:var(--overlay-15);color:var(--text-color)}.btn-outline{background:transparent;color:var(--text-secondary);border:1px solid var(--overlay-15)}.btn-outline:hover{background:var(--overlay-05);color:var(--text-color);border-color:var(--overlay-25)}@media(max-width:768px){.getting-started-modal{width:95%;margin:1rem;max-height:85vh}.modal-header,.modal-content,.modal-footer{padding:1.25rem}.modal-content{padding:1.25rem 1.25rem .5rem}.modal-content h2{font-size:1.25rem;margin-bottom:1rem}.feature-item{padding:.75rem}.navigation-buttons{flex-direction:column;gap:1rem}.nav-buttons{width:100%;justify-content:center}.btn{padding:.6rem 1.25rem;font-size:.85rem}}@media(max-width:480px){.getting-started-overlay{padding:0}.getting-started-modal{width:100%;height:100vh;border-radius:0;max-height:100vh}.modal-content{padding:1rem 1rem .5rem}.modal-header,.modal-footer{padding:1rem}.feature-item{flex-direction:column;text-align:center;gap:.5rem;padding:.75rem}.welcome-icon{font-size:2.5rem}.step-indicator{gap:.5rem}.step-icon{font-size:1.25rem}.tip{padding:.75rem;font-size:.85rem}.success-message{padding:1rem;font-size:.9rem}}.compact-toast{position:fixed;right:20px;bottom:20px;background:#000000b3;color:var(--text-color);padding:.6rem .9rem;border-radius:8px;box-shadow:0 6px 18px #0006;font-size:.92rem;z-index:9999;opacity:0;transform:translateY(8px);transition:opacity .24s ease,transform .24s ease}.compact-toast.on{background:#64ffc81f;color:var(--text-color)}.compact-toast.off{background:#ff64641f;color:var(--text-color)}.compact-toast{opacity:1;transform:translateY(0)}*{margin:0;padding:0;box-sizing:border-box}:root{--theme-primary: #E91E63;--theme-secondary: #00D4FF;--background-dark: #1a1a1a;--background-light: #f5f5f5;--text-color: #ffffff;--overlay-03: rgba(255,255,255,.03);--overlay-05: rgba(255,255,255,.05);--overlay-06: rgba(255,255,255,.06);--overlay-08: rgba(255,255,255,.08);--overlay-10: rgba(255,255,255,.1);--overlay-12: rgba(255,255,255,.12);--overlay-15: rgba(255,255,255,.15);--overlay-16: rgba(255,255,255,.16);--overlay-20: rgba(255,255,255,.2);--overlay-38: rgba(255,255,255,.38);--overlay-40: rgba(255,255,255,.4);--overlay-60: rgba(255,255,255,.6);--overlay-80: rgba(255,255,255,.8);--overlay-92: rgba(255,255,255,.92);--overlay-96: rgba(255,255,255,.96);--overlay-black-03: rgba(0,0,0,.03);--overlay-black-05: rgba(0,0,0,.05);--overlay-black-06: rgba(0,0,0,.06);--overlay-black-08: rgba(0,0,0,.08);--overlay-black-10: rgba(0,0,0,.1);--overlay-black-12: rgba(0,0,0,.12);--overlay-black-15: rgba(0,0,0,.15);--overlay-black-16: rgba(0,0,0,.16);--overlay-black-20: rgba(0,0,0,.2);--overlay-black-38: rgba(0,0,0,.38);--overlay-black-40: rgba(0,0,0,.4);--overlay-black-60: rgba(0,0,0,.6);--overlay-black-80: rgba(0,0,0,.8);--overlay-black-92: rgba(0,0,0,.92);--overlay-black-96: rgba(0,0,0,.96);--text-secondary: var(--overlay-60);--background-light: var(--overlay-black-06);--background-medium: var(--overlay-black-12);--control-background: var(--overlay-black-12);--control-border: var(--overlay-black-16);--progress-track-stroke: var(--overlay-black-20);--control-text: var(--text-color);--text-color-inverse: #ffffff;--accent-danger: #ff3b30;--accent-success: #4caf50}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.App{min-height:100vh;background:var(--background-dark);color:var(--text-color);padding:2rem clamp(1rem,3vw,3rem);width:100%}:root[data-theme=light] .App{background:var(--background-light);color:#213547}:root[data-theme=dustyFloralLight],:root[data-theme=dustyFloralMist],:root[data-theme=dustyRose],:root[data-theme=dustyFloralNeutral],:root[data-theme=blackberryCream],:root[data-theme=sageGreen],:root[data-theme=softLavender],:root[data-theme=moonlightSilver]{--text-color: #2A1B1F;--text-secondary: rgba(42,27,31,.75);--background-light: rgba(255,255,255,.8);--background-medium: rgba(255,255,255,.6);--theme-primary: #E91E63;--theme-secondary: #00D4FF;--text-color-inverse: #ffffff}:root[data-theme=dustyFloralLight] .sidebar,:root[data-theme=dustyFloralMist] .sidebar,:root[data-theme=dustyRose] .sidebar,:root[data-theme=dustyFloralNeutral] .sidebar,:root[data-theme=blackberryCream] .sidebar,:root[data-theme=sageGreen] .sidebar,:root[data-theme=softLavender] .sidebar,:root[data-theme=moonlightSilver] .sidebar,:root[data-theme=dustyFloralLight] .sidebar-section,:root[data-theme=dustyFloralMist] .sidebar-section,:root[data-theme=dustyRose] .sidebar-section,:root[data-theme=dustyFloralNeutral] .sidebar-section,:root[data-theme=blackberryCream] .sidebar-section,:root[data-theme=sageGreen] .sidebar-section,:root[data-theme=softLavender] .sidebar-section,:root[data-theme=moonlightSilver] .sidebar-section,:root[data-theme=dustyFloralLight] .section-header,:root[data-theme=dustyFloralMist] .section-header,:root[data-theme=dustyRose] .section-header,:root[data-theme=dustyFloralNeutral] .section-header,:root[data-theme=blackberryCream] .section-header,:root[data-theme=sageGreen] .section-header,:root[data-theme=softLavender] .section-header,:root[data-theme=moonlightSilver] .section-header,:root[data-theme=dustyFloralLight] .section-content,:root[data-theme=dustyFloralMist] .section-content,:root[data-theme=dustyRose] .section-content,:root[data-theme=dustyFloralNeutral] .section-content,:root[data-theme=blackberryCream] .section-content,:root[data-theme=sageGreen] .section-content,:root[data-theme=softLavender] .section-content,:root[data-theme=moonlightSilver] .section-content{background:#fff6;color:#2a1b1f}:root[data-theme=light]{--text-color: #213547;--text-secondary: rgba(33,53,71,.85);--background-light: var(--overlay-96);--background-medium: var(--overlay-92);--theme-primary: #E91E63;--theme-secondary: #00D4FF;--text-color-inverse: #ffffff}:root[data-theme=light] .sidebar,:root[data-theme=light] .sidebar-section,:root[data-theme=light] .section-header,:root[data-theme=light] .section-content,:root[data-theme=light] .debug-info{background:var(--overlay-06)}:root[data-theme=dark]{--background-light: var(--overlay-black-06);--background-medium: var(--overlay-black-12);--text-secondary: var(--overlay-60);--control-background: var(--overlay-black-12);--control-border: var(--overlay-black-16);--control-text: #ffffff}:root[data-theme=dark] .section-header,:root[data-theme=dark] .preset-btn{background:var(--background-light);color:var(--control-text);border-color:var(--control-border)}:root[data-theme=dark] .sidebar,:root[data-theme=dark] .sidebar-section,:root[data-theme=dark] .section-header,:root[data-theme=dark] .section-content{background:var(--background-medium);color:var(--control-text)}:root[data-theme=midnightSteel],:root[data-theme=midnightDepths],:root[data-theme=inkBlack],:root[data-theme=gunmetalGray],:root[data-theme=purpleSlate],:root[data-theme=coralDawn],:root[data-theme=darkDustyRose],:root[data-theme=silverMist],:root[data-theme=nebulaBlue]{--background-light: rgba(255,255,255,.06);--background-medium: rgba(255,255,255,.12);--text-secondary: rgba(255,255,255,.6);--control-background: rgba(255,255,255,.12);--control-border: rgba(255,255,255,.2);--control-text: #ffffff;--progress-track-stroke: rgba(255,255,255,.15)}:root[data-theme=midnightSteel] .section-header,:root[data-theme=midnightSteel] .preset-btn,:root[data-theme=midnightDepths] .section-header,:root[data-theme=midnightDepths] .preset-btn,:root[data-theme=inkBlack] .section-header,:root[data-theme=inkBlack] .preset-btn,:root[data-theme=gunmetalGray] .section-header,:root[data-theme=gunmetalGray] .preset-btn,:root[data-theme=purpleSlate] .section-header,:root[data-theme=purpleSlate] .preset-btn,:root[data-theme=coralDawn] .section-header,:root[data-theme=coralDawn] .preset-btn,:root[data-theme=darkDustyRose] .section-header,:root[data-theme=darkDustyRose] .preset-btn,:root[data-theme=silverMist] .section-header,:root[data-theme=silverMist] .preset-btn,:root[data-theme=nebulaBlue] .section-header,:root[data-theme=nebulaBlue] .preset-btn{background:var(--background-light);color:var(--control-text);border-color:var(--control-border)}:root[data-theme=midnightSteel] .sidebar,:root[data-theme=midnightSteel] .sidebar-section,:root[data-theme=midnightSteel] .section-header,:root[data-theme=midnightSteel] .section-content,:root[data-theme=midnightDepths] .sidebar,:root[data-theme=midnightDepths] .sidebar-section,:root[data-theme=midnightDepths] .section-header,:root[data-theme=midnightDepths] .section-content,:root[data-theme=inkBlack] .sidebar,:root[data-theme=inkBlack] .sidebar-section,:root[data-theme=inkBlack] .section-header,:root[data-theme=inkBlack] .section-content,:root[data-theme=gunmetalGray] .sidebar,:root[data-theme=gunmetalGray] .sidebar-section,:root[data-theme=gunmetalGray] .section-header,:root[data-theme=gunmetalGray] .section-content,:root[data-theme=purpleSlate] .sidebar,:root[data-theme=purpleSlate] .sidebar-section,:root[data-theme=purpleSlate] .section-header,:root[data-theme=purpleSlate] .section-content,:root[data-theme=coralDawn] .sidebar,:root[data-theme=coralDawn] .sidebar-section,:root[data-theme=coralDawn] .section-header,:root[data-theme=coralDawn] .section-content,:root[data-theme=darkDustyRose] .sidebar,:root[data-theme=darkDustyRose] .sidebar-section,:root[data-theme=darkDustyRose] .section-header,:root[data-theme=darkDustyRose] .section-content,:root[data-theme=silverMist] .sidebar,:root[data-theme=silverMist] .sidebar-section,:root[data-theme=silverMist] .section-header,:root[data-theme=silverMist] .section-content,:root[data-theme=nebulaBlue] .sidebar,:root[data-theme=nebulaBlue] .sidebar-section,:root[data-theme=nebulaBlue] .section-header,:root[data-theme=nebulaBlue] .section-content{background:var(--background-medium);color:var(--control-text)}:root[data-theme=moonlightSilver] .section-header{color:#0c1821!important}:root[data-theme=softLavender] .section-header{color:#3e3548!important}:root[data-theme=light] input,:root[data-theme=light] textarea,:root[data-theme=light] select,:root[data-theme=light] .custom-input,:root[data-theme=light] .word-input,:root[data-theme=light] .task-input,:root[data-theme=light] .input-with-unit input{color:var(--text-color)!important}:root[data-theme=light] .preset-btn,:root[data-theme=light] .custom-input,:root[data-theme=light] .theme-card{background:var(--overlay-08);background:var(--background-medium)!important;border:2px solid rgba(33,53,71,.06)!important}:root[data-theme=light] .custom-input::placeholder,:root[data-theme=light] .word-input::placeholder,:root[data-theme=light] .task-input::placeholder,:root[data-theme=light] input::placeholder,:root[data-theme=light] textarea::placeholder{color:#21354773!important}:root[data-theme=light] .sidebar-toggle:hover,:root[data-theme=light] .preset-btn:hover{background:var(--overlay-20)}:root[data-theme=light] .btn-secondary:hover:not(:disabled){background:var(--overlay-15);transform:translateY(-2px)}:root[data-theme=light] input,:root[data-theme=light] textarea,:root[data-theme=light] select,:root[data-theme=light] .custom-input,:root[data-theme=light] .word-input,:root[data-theme=light] .input-with-unit input{background:#fff!important;color:var(--text-color)!important;border:1px solid rgba(33,53,71,.06)!important}:root[data-theme=light] input::placeholder,:root[data-theme=light] textarea::placeholder,:root[data-theme=light] .custom-input::placeholder,:root[data-theme=light] .word-input::placeholder{color:#21354773!important}:root[data-theme=light] .section-header,:root[data-theme=light] .preset-btn,:root[data-theme=light] .btn-secondary{background:#fff!important;color:var(--text-color)!important;border:1px solid rgba(33,53,71,.06)!important}:root[data-theme=light] .btn-primary{border:1px solid rgba(33,53,71,.06)!important}:root[data-theme=light] .input-with-unit input{background:transparent!important}:root[data-theme=light] .circular-progress-track{stroke:#2135470f!important}:root[data-theme=light] .circular-progress-indicator{stroke:var(--theme-primary)!important}.circular-progress-track{stroke:var(--progress-track-stroke, rgba(0,0,0,.06))!important}.circular-progress-indicator{stroke:var(--theme-primary)!important}:root[data-theme=light] *{color:var(--text-color)!important}:root[data-theme=light] .sidebar,:root[data-theme=light] .sidebar-section,:root[data-theme=light] .section-header,:root[data-theme=light] .section-content,:root[data-theme=light] .debug-info{background:var(--overlay-92);color:#213547;box-shadow:none}:root[data-theme=light] .btn-primary{color:#fff}:root[data-theme=light] .preset-btn,:root[data-theme=light] .custom-input,:root[data-theme=light] .theme-card{background:var(--overlay-80);color:#213547;border-color:#2135470f}:root[data-theme=light] .section-header.active,:root[data-theme=light] .section-header:focus-visible{background:#646cff1f;border-left:4px solid rgba(100,108,255,.9)}:root[data-theme=dustyFloralLight] .btn-primary,:root[data-theme=dustyFloralMist] .btn-primary,:root[data-theme=dustyRose] .btn-primary,:root[data-theme=dustyFloralNeutral] .btn-primary,:root[data-theme=dustyFloralMauve] .btn-primary,:root[data-theme=blackberryCream] .btn-primary,:root[data-theme=sageGreen] .btn-primary,:root[data-theme=softLavender] .btn-primary,:root[data-theme=moonlightSilver] .btn-primary{background:#b91651!important;color:#fff!important;border:1px solid #8B1538!important}:root[data-theme=dustyFloralLight] .btn-secondary,:root[data-theme=dustyFloralMist] .btn-secondary,:root[data-theme=dustyRose] .btn-secondary,:root[data-theme=dustyFloralNeutral] .btn-secondary,:root[data-theme=dustyFloralMauve] .btn-secondary,:root[data-theme=blackberryCream] .btn-secondary,:root[data-theme=sageGreen] .btn-secondary,:root[data-theme=softLavender] .btn-secondary,:root[data-theme=moonlightSilver] .btn-secondary{background:#09c!important;color:#fff!important;border:1px solid #007AA3!important}:root[data-theme=dark] .btn-primary,:root[data-theme=midnightSteel] .btn-primary,:root[data-theme=midnightDepths] .btn-primary,:root[data-theme=inkBlack] .btn-primary,:root[data-theme=gunmetalGray] .btn-primary,:root[data-theme=purpleSlate] .btn-primary,:root[data-theme=coralDawn] .btn-primary,:root[data-theme=darkDustyRose] .btn-primary,:root[data-theme=silverMist] .btn-primary,:root[data-theme=nebulaBlue] .btn-primary{background:#ff4081!important;color:#fff!important;border:1px solid #E91E63!important}:root[data-theme=dark] .btn-secondary,:root[data-theme=midnightSteel] .btn-secondary,:root[data-theme=midnightDepths] .btn-secondary,:root[data-theme=inkBlack] .btn-secondary,:root[data-theme=gunmetalGray] .btn-secondary,:root[data-theme=purpleSlate] .btn-secondary,:root[data-theme=coralDawn] .btn-secondary,:root[data-theme=darkDustyRose] .btn-secondary,:root[data-theme=silverMist] .btn-secondary,:root[data-theme=nebulaBlue] .btn-secondary{background:#26c6da!important;color:#fff!important;border:1px solid #00ACC1!important}:root[data-theme=dustyFloralLight] input,:root[data-theme=dustyFloralMist] input,:root[data-theme=dustyRose] input,:root[data-theme=dustyFloralNeutral] input,:root[data-theme=dustyFloralMauve] input,:root[data-theme=blackberryCream] input,:root[data-theme=sageGreen] input,:root[data-theme=softLavender] input,:root[data-theme=moonlightSilver] input{background:#ffffffe6!important;border:1px solid rgba(42,27,31,.3)!important;color:#2a1b1f!important}:root[data-theme=light] h1,:root[data-theme=light] .time,:root[data-theme=light] .progress-info,:root[data-theme=light] .debug-info,:root[data-theme=light] .section-header,:root[data-theme=light] .section-header span,:root[data-theme=light] .preset-btn,:root[data-theme=light] .btn-secondary,:root[data-theme=light] .tasklist-section,:root[data-theme=light] .tasklist-section *,:root[data-theme=light] .task-item,:root[data-theme=light] .theme-card,:root[data-theme=light] .theme-info,:root[data-theme=light] .theme-name,:root[data-theme=light] .theme-desc,:root[data-theme=light] .statistics-card,:root[data-theme=light] .statistics-card *{color:var(--text-color)!important}:root[data-theme=light] .collapse-icon,:root[data-theme=light] .compact-label,:root[data-theme=light] .progress-info small{color:var(--text-secondary)!important}h1{font-size:2.5rem;font-weight:300;margin-bottom:2rem;text-align:center;letter-spacing:.5px}.app-layout{display:flex;gap:2rem;align-items:flex-start;width:100%;padding:0}.app-layout .container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.main-content{flex:1;display:flex;flex-direction:column;align-items:center;min-width:0}.timer-section{margin-bottom:2rem;position:relative}.timer-display{text-align:center}.time{font-size:4rem;font-weight:200;font-variant-numeric:tabular-nums;letter-spacing:.1em;margin-bottom:.5rem;text-shadow:0 0 8px rgba(0,0,0,.06)}.progress-info{font-size:1rem;color:var(--text-secondary);font-weight:300;min-height:1.2rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.controls{display:flex;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap;justify-content:center}button{font-family:inherit;font-size:1.02rem;padding:.5rem 1rem;min-height:44px;border:none;border-radius:10px;cursor:pointer;transition:all .22s ease;font-weight:500;box-shadow:0 3px 10px #00000029;margin:.125rem}.btn-primary{background:var(--theme-primary);color:var(--text-color-inverse);min-width:120px;padding:.5rem 1rem;filter:blur(.3px);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px color-mix(in srgb,var(--theme-primary) 50%,transparent);filter:brightness(1.1) blur(.2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--background-light);color:var(--text-color);border:1px solid rgba(0,0,0,.06);padding:.46rem .9rem}.btn-secondary:hover:not(:disabled){background:var(--overlay-15);transform:translateY(-2px)}.btn-secondary:disabled{opacity:.3;cursor:not-allowed}.debug-info{padding:1rem;background:#0003;border-radius:8px;font-family:Courier New,monospace;max-width:600px;margin:0 auto}.debug-info small{color:var(--text-secondary);font-size:.85rem}.tasklist-section{margin-top:1.25rem;width:100%;max-width:900px}.task-item{padding:.4rem .6rem;gap:.5rem}.task-input,.task-input input{background:var(--control-background);color:var(--control-text);border:1px solid var(--control-border);border-radius:8px;padding:.6rem .8rem;transition:background .16s ease,border-color .16s ease,color .16s ease}.task-input::placeholder,.task-input input::placeholder{color:var(--text-secondary)}.task-input:focus,.task-input input:focus{outline:none;background:var(--background-light);color:var(--text-color);border-color:var(--theme-primary);box-shadow:0 6px 18px #0000001f}.sidebar{width:360px;background:var(--background-medium);border-radius:16px;padding:1rem;position:relative;transition:all .3s ease;flex-shrink:0;margin-left:.5rem}.sidebar.closed{width:60px;padding:.5rem;background:none!important}.sidebar-toggle{position:absolute;top:1rem;right:1rem;background:var(--background-light);border:1px solid rgba(0,0,0,.06);color:var(--text-color);width:32px;height:32px;min-width:44px;min-height:44px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.9rem;padding:6px;z-index:10}.sidebar.closed .sidebar-toggle{right:50%;transform:translate(50%)}.sidebar-toggle:hover{background:var(--overlay-20)}.gear-toggle .gear-icon{font-size:1.2rem;transition:transform .3s ease}.gear-toggle:hover .gear-icon{transform:rotate(90deg)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sidebar-content{display:flex;flex-direction:column;gap:1rem;padding-top:3rem}.sidebar-group-header{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);padding:.5rem .75rem .25rem;margin-top:.25rem}.sidebar-group-header.clickable{background:none;border:none;width:100%;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease;border-radius:6px;padding:.75rem 1rem;margin:1rem 0 .5rem;border-bottom:1px solid var(--overlay-12)}.sidebar-group-header.clickable:hover{background:var(--overlay-12);color:var(--theme-primary)}.group-collapse-icon{font-size:.7rem;color:var(--text-secondary);transition:transform .3s ease,color .3s ease}.sidebar-group-header.clickable:hover .group-collapse-icon{color:var(--theme-primary);transform:scale(1.1)}.sidebar-group-separator{height:1px;background:var(--background-light);margin:.5rem .75rem;border-radius:2px}:root[data-theme=dustyFloralLight] .sidebar-group-header,:root[data-theme=dustyFloralMist] .sidebar-group-header,:root[data-theme=dustyRose] .sidebar-group-header,:root[data-theme=dustyFloralNeutral] .sidebar-group-header,:root[data-theme=blackberryCream] .sidebar-group-header,:root[data-theme=sageGreen] .sidebar-group-header{color:#213547!important}:root[data-theme=dustyFloralLight] .sidebar-group-header.clickable,:root[data-theme=dustyFloralMist] .sidebar-group-header.clickable,:root[data-theme=dustyRose] .sidebar-group-header.clickable,:root[data-theme=dustyFloralNeutral] .sidebar-group-header.clickable,:root[data-theme=blackberryCream] .sidebar-group-header.clickable,:root[data-theme=sageGreen] .sidebar-group-header.clickable{border-bottom:1px solid rgba(33,53,71,.15)!important;color:#213547!important}:root[data-theme=dustyFloralLight] .sidebar-group-header.clickable:hover,:root[data-theme=dustyFloralMist] .sidebar-group-header.clickable:hover,:root[data-theme=dustyRose] .sidebar-group-header.clickable:hover,:root[data-theme=dustyFloralNeutral] .sidebar-group-header.clickable:hover,:root[data-theme=blackberryCream] .sidebar-group-header.clickable:hover,:root[data-theme=sageGreen] .sidebar-group-header.clickable:hover{background:#21354714!important;color:var(--theme-primary)!important}:root[data-theme=dustyFloralLight] .sidebar-group-header.clickable .group-collapse-icon,:root[data-theme=dustyFloralMist] .sidebar-group-header.clickable .group-collapse-icon,:root[data-theme=dustyRose] .sidebar-group-header.clickable .group-collapse-icon,:root[data-theme=dustyFloralNeutral] .sidebar-group-header.clickable .group-collapse-icon,:root[data-theme=blackberryCream] .sidebar-group-header.clickable .group-collapse-icon,:root[data-theme=sageGreen] .sidebar-group-header.clickable .group-collapse-icon{color:#213547b3!important}:root[data-theme=dustyFloralLight] .sidebar-group-header.clickable:hover .group-collapse-icon,:root[data-theme=dustyFloralMist] .sidebar-group-header.clickable:hover .group-collapse-icon,:root[data-theme=dustyRose] .sidebar-group-header.clickable:hover .group-collapse-icon,:root[data-theme=dustyFloralNeutral] .sidebar-group-header.clickable:hover .group-collapse-icon,:root[data-theme=blackberryCream] .sidebar-group-header.clickable:hover .group-collapse-icon,:root[data-theme=sageGreen] .sidebar-group-header.clickable:hover .group-collapse-icon{color:var(--theme-primary)!important}.sidebar-section{background:var(--background-medium);border-radius:12px;overflow:hidden}.section-header{width:100%;background:var(--background-light);border:none;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:1rem;font-weight:500;color:var(--text-color);transition:background .3s ease}.section-header:hover{background:var(--overlay-20)}.collapse-icon{font-size:.85rem;color:var(--text-secondary)}.section-content{padding:0 1rem;max-height:0;overflow:hidden;transition:max-height .32s ease,padding .22s ease;padding-top:0;padding-bottom:0}.section-content.open{padding-top:1rem;padding-bottom:1rem;max-height:100%}.section-header:focus{outline:none;box-shadow:0 0 0 3px #646cff2e}.section-header.active,.section-header:focus-visible,.section-header[aria-expanded=true]{background:#646cff1f;box-shadow:0 6px 18px #646cff0f;border-left:4px solid rgba(100,108,255,.9)}.sidebar-section .presets{background:transparent;border-radius:0;padding:0;margin-bottom:0}.sidebar-section .presets h3{display:none}.preset-btn{background:var(--background-light);color:var(--text-color);font-size:.88rem;padding:.44rem .9rem;margin:.22rem 0;border:1px solid rgba(0,0,0,.06);width:100%;display:block}.preset-btn:hover{background:var(--overlay-15);border-color:#0000001f}.custom-duration{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--overlay-10)}.custom-input{flex:1;font-family:inherit;font-size:.9rem;padding:.6rem 1rem;background:var(--background-medium);border:1px solid rgba(0,0,0,.06);border-radius:8px;color:var(--text-color);transition:all .3s ease;width:100%}.custom-input:focus{outline:none;background:var(--background-light);border-color:var(--theme-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--theme-primary) 12%,transparent)}.custom-input::placeholder{color:var(--text-secondary)}.custom-input::-webkit-outer-spin-button,.custom-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.custom-input[type=number]{appearance:textfield;-moz-appearance:textfield}.custom-btn{flex-shrink:0;white-space:nowrap;width:100%;padding:.46rem .9rem}.custom-btn:disabled{opacity:.4;cursor:not-allowed}input,textarea,select,.custom-input,.word-input,.input-with-unit input,.task-input,.task-input input{background:var(--control-background);color:var(--control-text);border:1px solid var(--control-border);border-radius:6px;transition:background .16s ease,border-color .16s ease,color .16s ease}input::placeholder,textarea::placeholder,.custom-input::placeholder,.word-input::placeholder{color:var(--text-secondary)}input:focus,textarea:focus,.custom-input:focus,.word-input:focus,.task-input:focus,.task-input input:focus{outline:none;background:var(--background-light);color:var(--text-color);border-color:var(--theme-primary);box-shadow:0 4px 18px #0000001f}:root[data-theme=light] .section-header{border:1px solid rgba(33,53,71,.06);background:var(--overlay-92)}:root[data-theme=light] .btn-primary{border:1px solid rgba(33,53,71,.06)}.pomodoro-container{background:var(--background-medium);color:var(--text-color)}.input-with-unit{background:var(--background-medium);border:1px solid rgba(0,0,0,.06)}.input-with-unit input{color:var(--text-color)}.expand-btn{background:var(--background-light);color:var(--text-color);border:1px solid rgba(0,0,0,.06)}.pomodoro-explanation{background:color-mix(in srgb,var(--theme-primary) 8%,transparent);border:1px solid color-mix(in srgb,var(--theme-primary) 18%,transparent)}.sidebar-section .session-mode-container,.sidebar-section .pomodoro-container{background:transparent;padding:0;margin:0}@media(max-width:1200px){.sidebar{width:320px}}@media(max-width:968px){h1{font-size:2rem;margin-bottom:1.5rem}.app-layout{flex-direction:column;align-items:center}.sidebar{width:100%;max-width:600px;order:2}.sidebar.closed{width:100%;height:60px}.sidebar.closed .sidebar-content{display:none}.main-content{order:1}.timer-section{transform:scale(.85)}}@media(max-width:768px){.App{padding:1rem}h1{font-size:1.8rem}.timer-section{transform:scale(.75)}.time{font-size:3rem}.progress-info{font-size:.9rem}button{font-size:1rem;padding:.7rem 1.5rem}}@media(max-width:480px){.timer-section{transform:scale(.65);margin-bottom:0}h1{font-size:1.5rem}.controls{gap:.5rem}button{font-size:.9rem;padding:.6rem 1.2rem}.sidebar-toggle{width:28px;height:28px;font-size:.8rem}}html.compact,body.compact{font-size:.98rem}html.compact .App,body.compact .App{padding:1rem clamp(.5rem,3vw,2rem)}html.compact .controls{gap:.5rem;margin-bottom:.8rem}html.compact button,body.compact button{padding:.36rem .8rem;border-radius:8px}html.compact .btn-primary{min-width:100px;padding:.36rem .9rem}html.compact .sidebar{padding:.6rem}html.compact .section-header{padding:.6rem 1rem}html.compact .preset-btn{padding:.32rem .6rem;margin:.12rem 0}html.compact .task-list-container .task-item{padding:.4rem .6rem}html.compact .word-inputs .word-input-group label{font-size:.85rem}html.compact .custom-input,html.compact .word-input{padding:.4rem .6rem}@media(max-width:768px){.tasklist-section{margin-top:.9rem;padding:0 1rem;max-width:680px}}@media(max-width:480px){.tasklist-section{margin-top:.6rem;padding:0 .5rem;max-width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}button:focus-visible,.btn-primary:focus-visible,.btn-secondary:focus-visible,.btn-text:focus-visible{outline:3px solid var(--theme-primary);outline-offset:2px}.sidebar-toggle:focus-visible{outline:3px solid var(--text-color);outline-offset:2px}.preset-btn:focus-visible{outline:3px solid var(--theme-primary);outline-offset:2px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--theme-primary);outline-offset:2px}.section-title{font-size:1.2rem;font-weight:600;margin-bottom:1rem;color:var(--text-color);display:flex;align-items:center;gap:.5rem}.info-tooltip{cursor:help;color:var(--text-secondary);font-size:.9rem;transition:color .2s ease}.info-tooltip:hover{color:var(--text-color)}