.timer-panel.svelte-h1y0qs{flex-direction:column;align-items:center;gap:1.5rem;padding:2rem;display:flex}.mode-tabs.svelte-h1y0qs{background:var(--surface);border-radius:8px;gap:.5rem;padding:4px;display:flex}.mode-tab.svelte-h1y0qs{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:6px;padding:.4rem 1rem;font-size:.875rem;transition:all .2s}.mode-tab.active.svelte-h1y0qs{background:var(--mode-color);color:#fff;font-weight:600}.clock-wrap.svelte-h1y0qs{justify-content:center;align-items:center;display:flex;position:relative}.clock-svg.svelte-h1y0qs{width:240px;max-width:100%;height:240px}.clock-label.svelte-h1y0qs{flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute}.time.svelte-h1y0qs{font-variant-numeric:tabular-nums;color:var(--text);font-size:3rem;font-weight:700}.active-task.svelte-h1y0qs{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:.75rem;overflow:hidden}.controls.svelte-h1y0qs{gap:.75rem;display:flex}.btn.svelte-h1y0qs{cursor:pointer;border:none;border-radius:8px;padding:.6rem 1.5rem;font-size:1rem;font-weight:600;transition:opacity .2s,transform .1s}.btn.svelte-h1y0qs:active{transform:scale(.97)}.btn-primary.svelte-h1y0qs{background:var(--mode-color);color:#fff}.btn-secondary.svelte-h1y0qs{background:var(--surface);color:var(--text)}.btn-ghost.svelte-h1y0qs{color:var(--text-muted);background:0 0}.btn.svelte-h1y0qs:hover{opacity:.85}.pomodoro-count.svelte-h1y0qs{color:var(--text-muted);margin:0;font-size:.85rem}@media (width<=640px){.timer-panel.svelte-h1y0qs{gap:1rem;padding:1rem}.clock-svg.svelte-h1y0qs{width:200px;height:200px}.time.svelte-h1y0qs{font-size:2.5rem}}.todo-panel.svelte-dvy5c4{flex-direction:column;gap:1rem;min-width:320px;padding:2rem;display:flex}.todo-heading.svelte-dvy5c4{color:var(--text);margin:0;font-size:1.1rem;font-weight:700}.add-row.svelte-dvy5c4{align-items:center;gap:.5rem;display:flex}.task-input.svelte-dvy5c4{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;outline:none;flex:1;padding:.6rem .75rem;font-size:.9rem;transition:border-color .2s}.task-input.svelte-dvy5c4:focus{border-color:var(--accent)}.btn-add.svelte-dvy5c4{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.25rem;transition:opacity .2s;display:flex}.btn-add.svelte-dvy5c4:disabled{opacity:.4;cursor:not-allowed}.empty.svelte-dvy5c4{color:var(--text-muted);text-align:center;margin:2rem 0;font-size:.875rem}.task-list.svelte-dvy5c4{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.task-item.svelte-dvy5c4{background:var(--surface);border:1px solid #0000;border-radius:8px;align-items:center;gap:.5rem;padding:.6rem .75rem;transition:border-color .2s;display:flex}.task-item.active.svelte-dvy5c4{border-color:var(--accent)}.task-item.done.svelte-dvy5c4 .task-title:where(.svelte-dvy5c4){color:var(--text-muted);text-decoration:line-through}.check.svelte-dvy5c4{cursor:pointer;color:var(--text-muted);background:0 0;border:none;flex-shrink:0;width:24px;font-size:1.2rem;transition:color .2s}.check.svelte-dvy5c4:hover{color:var(--accent)}.task-title.svelte-dvy5c4{color:var(--text);word-break:break-word;cursor:text;flex:1;font-size:.9rem}.task-edit-input.svelte-dvy5c4{color:var(--text);background:var(--bg);border:1px solid var(--accent);border-radius:4px;outline:none;flex:1;padding:2px 6px;font-size:.9rem}.tomatoes.svelte-dvy5c4{text-overflow:ellipsis;white-space:nowrap;cursor:help;flex-shrink:0;max-width:150px;font-size:1.1rem;transition:transform .2s,filter .2s;overflow:hidden}.tomatoes.svelte-dvy5c4:hover{filter:drop-shadow(0 0 4px #e9456066);transform:scale(1.1)}.btn-play.svelte-dvy5c4{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:1.1rem;transition:color .2s,background .2s}.btn-play.svelte-dvy5c4:hover,.btn-play.selected.svelte-dvy5c4{color:var(--accent);background:var(--surface-hover)}.btn-remove.svelte-dvy5c4{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:2px 4px;font-size:1rem;transition:color .2s}.btn-remove.svelte-dvy5c4:hover{color:#e05}.priority-dot.svelte-dvy5c4{cursor:pointer;border:none;border-radius:50%;flex-shrink:0;width:14px;height:14px;padding:0;transition:transform .2s,opacity .2s}.priority-dot.svelte-dvy5c4:hover{transform:scale(1.2)}.priority-dot.low.svelte-dvy5c4{background:#3b82f6}.priority-dot.medium.svelte-dvy5c4{background:#eab308}.priority-dot.high.svelte-dvy5c4{background:#ef4444}.tomato-fraction.svelte-dvy5c4{display:inline-block;position:relative}.tomato-bg.svelte-dvy5c4{opacity:.3}.tomato-fg.svelte-dvy5c4{white-space:nowrap;position:absolute;top:0;left:0;overflow:hidden}.history-panel.svelte-1j96als{background:var(--surface);border-radius:8px;flex-direction:column;gap:1rem;min-width:320px;padding:2rem;display:flex}.history-header.svelte-1j96als{justify-content:space-between;align-items:center;display:flex}.history-heading.svelte-1j96als{color:var(--text);margin:0;font-size:1.1rem;font-weight:700}.btn-clear.svelte-1j96als{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:.8rem}.btn-clear.svelte-1j96als:hover{color:var(--accent)}.empty.svelte-1j96als{color:var(--text-muted);text-align:center;margin:2rem 0;font-size:.875rem}.history-list.svelte-1j96als{flex-direction:column;gap:.5rem;max-height:300px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.history-item.svelte-1j96als{background:var(--bg);border-left:3px solid var(--border);border-radius:6px;flex-direction:column;gap:4px;padding:.75rem;display:flex}.history-item.play-event.svelte-1j96als{background:0 0;border-left-color:#3b82f6}.history-main.svelte-1j96als{align-items:center;gap:8px;display:flex}.mode-badge.svelte-1j96als{background:var(--surface-hover);color:var(--text-muted);border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:600}.mode-badge.work.svelte-1j96als{background:var(--accent);color:#fff}.mode-badge.play.svelte-1j96als{color:#3b82f6;background:0 0;border:1px solid #3b82f6}.task-title.svelte-1j96als{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;overflow:hidden}.history-meta.svelte-1j96als{color:var(--text-muted);align-items:center;gap:6px;font-size:.75rem;display:flex}.dot.svelte-1j96als{font-size:.5rem}.settings-panel.svelte-1wk5kq2{background:var(--surface);border-radius:8px;flex-direction:column;gap:1.5rem;min-width:320px;padding:2rem;display:flex}.settings-header.svelte-1wk5kq2 h3:where(.svelte-1wk5kq2){color:var(--text);margin:0;font-size:1.25rem}.settings-content.svelte-1wk5kq2{flex-direction:column;gap:1.5rem;display:flex}.setting-group.svelte-1wk5kq2{border:none;flex-direction:column;gap:.5rem;margin:0;padding:0;display:flex}.setting-group.svelte-1wk5kq2 label:where(.svelte-1wk5kq2),.setting-group.svelte-1wk5kq2 legend:where(.svelte-1wk5kq2){color:var(--text-muted);font-size:.9rem;font-weight:600}select.svelte-1wk5kq2{background:var(--bg);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:6px;outline:none;padding:.6rem;font-family:inherit}.duration-inputs.svelte-1wk5kq2{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:.5rem;display:grid}.input-item.svelte-1wk5kq2{flex-direction:column;align-items:center;gap:.4rem;display:flex}.input-item.svelte-1wk5kq2 label:where(.svelte-1wk5kq2){color:var(--text-muted);text-align:center;font-size:.75rem}input[type=number].svelte-1wk5kq2{background:var(--bg);width:100%;color:var(--text);border:1px solid var(--border);text-align:center;border-radius:6px;outline:none;padding:.5rem;font-family:inherit}input.svelte-1wk5kq2:focus,select.svelte-1wk5kq2:focus{border-color:var(--accent)}.settings-footer.svelte-1wk5kq2{justify-content:center;margin-top:1rem;display:flex}.btn-reset.svelte-1wk5kq2{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;padding:.5rem 1rem;font-size:.85rem;transition:all .2s}.btn-reset.svelte-1wk5kq2:hover{border-color:var(--accent);color:var(--accent)}.btn-danger.svelte-1wk5kq2{color:var(--accent);cursor:pointer;background:0 0;border:1px solid #e945604d;border-radius:6px;padding:.5rem 1rem;font-size:.85rem;transition:all .2s}.btn-danger.svelte-1wk5kq2:hover{background:var(--accent);color:#fff;border-color:var(--accent)}*,:before,:after{box-sizing:border-box}:root{--bg:#1a1a2e;--surface:#16213e;--surface-hover:#0f3460;--accent:#e94560;--accent-work:#e94560;--accent-short:#2ecc71;--accent-long:#3498db;--track:#2a2a4a;--border:#2a2a4a;--text:#eaeaea;--text-muted:#888}.light-theme{--bg:#f5f7fa;--surface:#fff;--surface-hover:#edf2f7;--accent:#e94560;--accent-work:#e94560;--accent-short:#27ae60;--accent-long:#2980b9;--track:#e2e8f0;--border:#e2e8f0;--text:#2d3748;--text-muted:#718096}body{background:var(--bg);color:var(--text);min-height:100vh;margin:0;font-family:Inter,Segoe UI,system-ui,sans-serif}.navbar.svelte-1n46o8q{background:var(--surface);border-bottom:1px solid var(--border);z-index:100;justify-content:space-between;align-items:flex-start;min-height:57px;padding:.75rem 1.5rem;transition:min-height .2s;display:flex;position:sticky;top:0}.logo.svelte-1n46o8q{color:var(--accent);align-items:center;gap:.5rem;height:28px;font-size:1.1rem;font-weight:700;display:flex}.logo.svelte-1n46o8q img:where(.svelte-1n46o8q){width:28px;height:28px}.layout.svelte-1n46o8q{flex-wrap:wrap;min-height:calc(100vh - 126px);display:flex}.timer-section.svelte-1n46o8q{flex:1;padding-top:2rem}.divider.svelte-1n46o8q{background:var(--border);align-self:stretch;width:1px}.todo-section.svelte-1n46o8q{flex:1;min-width:320px;padding-top:2rem}@media (width<=640px){.divider.svelte-1n46o8q{align-self:auto;width:100%;height:1px}}@keyframes svelte-1n46o8q-fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mini-timer.svelte-1n46o8q{border-radius:4px;align-items:center;min-width:140px;height:28px;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1a}.mini-timer-btn.svelte-1n46o8q{cursor:pointer;background:0 0;border:none;padding:0;transition:transform .2s}.mini-timer-btn.svelte-1n46o8q:hover{transform:scale(1.05)}.mini-timer.svelte-1n46o8q{border:1px solid rgba(var(--accent-rgb,233, 69, 96), .2);white-space:nowrap;background:#e945601a;border-radius:12px;justify-content:center;align-items:center;gap:.6rem;min-width:120px;padding:6px 20px;font-family:JetBrains Mono,monospace;font-size:1rem;transition:all .2s;display:flex}.mini-timer.svelte-1n46o8q:hover{background:#e9456026;border-color:#e94560}.mini-timer.svelte-1n46o8q .time:where(.svelte-1n46o8q){color:var(--text);font-weight:800}.mini-timer.svelte-1n46o8q .mode:where(.svelte-1n46o8q){color:#e94560;text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:700}.nav-actions.svelte-1n46o8q{flex-shrink:0;gap:.25rem;display:flex}.nav-btn.svelte-1n46o8q{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.nav-btn.svelte-1n46o8q:hover{background:var(--surface-hover);color:var(--text)}@media (width<=763px){.logo-text.svelte-1n46o8q,.nav-btn.svelte-1n46o8q span:where(.svelte-1n46o8q){display:none}.nav-actions.svelte-1n46o8q{gap:.2rem}.nav-btn.svelte-1n46o8q{padding:.5rem .4rem}}@media (width<=500px){.mini-timer.svelte-1n46o8q .mode:where(.svelte-1n46o8q){display:none}.mini-timer.svelte-1n46o8q{padding:4px 8px}}.zen-layout.svelte-1n46o8q{background:var(--bg);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative}.btn-exit-zen.svelte-1n46o8q{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;padding:.5rem 1rem;transition:all .2s;position:absolute;top:20px;right:20px}.btn-exit-zen.svelte-1n46o8q:hover{border-color:var(--accent);color:var(--accent)}.modal-backdrop.svelte-1n46o8q{z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:1rem;animation:.2s svelte-1n46o8q-fadeIn;display:flex;position:fixed;inset:0}.modal-content.svelte-1n46o8q{background:var(--bg);border-radius:12px;width:100%;max-width:500px;max-height:90vh;position:relative;overflow-y:auto;box-shadow:0 10px 30px #00000080}.btn-close-modal.svelte-1n46o8q{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.2rem;position:absolute;top:15px;right:15px}.btn-close-modal.svelte-1n46o8q:hover{color:var(--accent)}.app-footer.svelte-1n46o8q{background:var(--surface);border-top:1px solid var(--border);color:var(--text-muted);justify-content:center;align-items:center;gap:1.5rem;min-height:69px;padding:1.5rem;font-size:.9rem;display:flex}.app-footer.svelte-1n46o8q p:where(.svelte-1n46o8q){margin:0}.app-footer.svelte-1n46o8q a:where(.svelte-1n46o8q){color:var(--text-muted);align-items:center;gap:.4rem;text-decoration:none;transition:color .2s;display:flex}.app-footer.svelte-1n46o8q a:where(.svelte-1n46o8q):hover{color:var(--accent)}