.timer-display.svelte-ae6cnr{flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:10px;display:flex}.phase-label.svelte-ae6cnr{text-align:center;text-transform:uppercase;letter-spacing:.2em;opacity:.9;width:100%;font-size:clamp(1rem,4vw,2rem);font-weight:500;display:block}.timer-text.svelte-ae6cnr{text-align:center;font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:clamp(4rem,25vw,250px);font-weight:700;line-height:1;display:block}.play-pause-button.svelte-16gnms0{color:#1f2937;cursor:pointer;background:#fffffff2;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:.75rem;min-width:140px;min-height:56px;padding:.75rem 1.5rem;font-size:1.125rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 14px #00000026}.play-pause-button.svelte-16gnms0:hover{transform:scale(1.05);box-shadow:0 6px 20px #0003}.play-pause-button.svelte-16gnms0:focus-visible{outline-offset:3px;outline:3px solid #fff}.play-pause-button.svelte-16gnms0:active{transform:scale(.98)}.play-pause-button.svelte-16gnms0 svg:where(.svelte-16gnms0){width:24px;height:24px}.button-text.svelte-16gnms0{min-width:60px}@media (width<=400px){.play-pause-button.svelte-16gnms0{min-width:120px;padding:.625rem 1.25rem}.button-text.svelte-16gnms0{display:none}}.pip-button.svelte-l64b0p{color:#fff;cursor:pointer;background:#fff3;border:2px solid #ffffff4d;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;padding:0;transition:all .2s;display:flex}.pip-button.svelte-l64b0p:hover:not(:disabled){background:#ffffff4d;border-color:#ffffff80}.pip-button.svelte-l64b0p:focus-visible{outline-offset:2px;outline:3px solid #fff}.pip-button.svelte-l64b0p:disabled{opacity:.4;cursor:not-allowed}.pip-button.active.svelte-l64b0p{background:#fff6;border-color:#fff}.pip-button.svelte-l64b0p svg:where(.svelte-l64b0p){width:24px;height:24px}.settings-button.svelte-1w45nf3{color:#fff;cursor:pointer;opacity:.5;background:0 0;border:none;border-radius:18px;justify-content:center;align-items:center;width:72px;height:72px;padding:0;transition:all .2s;display:flex}.settings-button.svelte-1w45nf3:hover{opacity:1;background:#ffffff1a}.settings-button.svelte-1w45nf3:focus-visible{opacity:1;outline-offset:2px;outline:3px solid #fff}.settings-button.svelte-1w45nf3 svg:where(.svelte-1w45nf3){width:36px;height:36px}.settings-modal.svelte-1wk5kq2{color:#f9fafb;background:#1f2937;border:none;border-radius:16px;width:min(90vw,420px);max-height:90vh;margin:auto;padding:0;position:fixed;inset:0;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.settings-modal.svelte-1wk5kq2::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009}.modal-content.svelte-1wk5kq2{flex-direction:column;max-height:90vh;display:flex;overflow-y:auto}.modal-header.svelte-1wk5kq2{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-header.svelte-1wk5kq2 h2:where(.svelte-1wk5kq2){margin:0;font-size:1.25rem;font-weight:600}.close-button.svelte-1wk5kq2{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:all .2s;display:flex}.close-button.svelte-1wk5kq2:hover{color:#fff;background:#ffffff1a}.close-button.svelte-1wk5kq2:focus-visible{outline-offset:2px;outline:2px solid #60a5fa}.close-button.svelte-1wk5kq2 svg:where(.svelte-1wk5kq2){width:20px;height:20px}.settings-form.svelte-1wk5kq2{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.form-group.svelte-1wk5kq2{flex-direction:column;gap:.5rem;display:flex}.form-group.svelte-1wk5kq2 label:where(.svelte-1wk5kq2),.group-label.svelte-1wk5kq2{color:#d1d5db;font-size:.875rem;font-weight:500}.form-group.svelte-1wk5kq2 input[type=number]:where(.svelte-1wk5kq2){color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;width:100%;padding:.75rem;font-size:1rem;transition:all .2s}.form-group.svelte-1wk5kq2 input[type=number]:where(.svelte-1wk5kq2):focus{border-color:#60a5fa;outline:none;box-shadow:0 0 0 3px #60a5fa4d}.form-group.svelte-1wk5kq2 input[type=number][aria-invalid=true]:where(.svelte-1wk5kq2){border-color:#ef4444}.hint.svelte-1wk5kq2{color:#9ca3af;font-size:.75rem}.error.svelte-1wk5kq2{color:#ef4444;font-size:.75rem}.checkbox-group.svelte-1wk5kq2{flex-direction:row}.checkbox-label.svelte-1wk5kq2{cursor:pointer;align-items:center;gap:.75rem;display:flex}.checkbox-label.svelte-1wk5kq2 input[type=checkbox]:where(.svelte-1wk5kq2){accent-color:#10b981;cursor:pointer;width:20px;height:20px}.checkbox-label.svelte-1wk5kq2 span:where(.svelte-1wk5kq2){color:#d1d5db;font-size:.875rem}.font-options.svelte-1wk5kq2{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:.75rem;display:grid}.font-option.svelte-1wk5kq2{cursor:pointer;display:block;position:relative}.font-radio.svelte-1wk5kq2{opacity:0;cursor:pointer;position:absolute;inset:0}.font-option-card.svelte-1wk5kq2{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;flex-direction:column;justify-content:space-between;gap:.75rem;height:100%;min-height:7.75rem;padding:.9rem 1rem;transition:border-color .2s,background-color .2s,transform .2s;display:flex}.font-option.svelte-1wk5kq2:hover .font-option-card:where(.svelte-1wk5kq2){background:#ffffff1a;border-color:#ffffff3d;transform:translateY(-1px)}.font-radio.svelte-1wk5kq2:checked+.font-option-card:where(.svelte-1wk5kq2){background:#60a5fa24;border-color:#60a5fab3;box-shadow:0 0 0 1px #60a5fa40}.font-radio.svelte-1wk5kq2:focus-visible+.font-option-card:where(.svelte-1wk5kq2){outline-offset:2px;outline:2px solid #60a5fa}.font-option-label-row.svelte-1wk5kq2{flex-direction:column;gap:.125rem;display:flex}.font-option-label.svelte-1wk5kq2{color:#f9fafb;font-size:.95rem;font-weight:600}.font-option-family.svelte-1wk5kq2{color:#9ca3af;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.font-option-preview.svelte-1wk5kq2{color:#f9fafb;font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:1.6rem;font-weight:700;line-height:1}.color-group.svelte-1wk5kq2 .color-input-wrapper:where(.svelte-1wk5kq2){align-items:center;gap:.75rem;display:flex}.color-group.svelte-1wk5kq2 input[type=color]:where(.svelte-1wk5kq2){cursor:pointer;background:0 0;border:2px solid #fff3;border-radius:8px;width:48px;height:48px;padding:0}.color-group.svelte-1wk5kq2 input[type=color]:where(.svelte-1wk5kq2)::-webkit-color-swatch-wrapper{padding:4px}.color-group.svelte-1wk5kq2 input[type=color]:where(.svelte-1wk5kq2)::-webkit-color-swatch{border:none;border-radius:4px}.color-group.svelte-1wk5kq2 input[type=color]:where(.svelte-1wk5kq2):focus{border-color:#60a5fa;outline:none}.color-value.svelte-1wk5kq2{color:#9ca3af;text-transform:uppercase;font-family:monospace;font-size:.875rem}.form-actions.svelte-1wk5kq2{border-top:1px solid #ffffff1a;flex-wrap:wrap;gap:.75rem;margin-top:.5rem;padding-top:1rem;display:flex}.reset-button.svelte-1wk5kq2,.feedback-button.svelte-1wk5kq2{cursor:pointer;border:none;border-radius:8px;flex:1;min-width:140px;padding:.75rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.reset-button.svelte-1wk5kq2{color:#f87171;background:#f871711a}.reset-button.svelte-1wk5kq2:hover{background:#f8717133}.feedback-button.svelte-1wk5kq2{color:#60a5fa;background:#60a5fa1a}.feedback-button.svelte-1wk5kq2:hover{background:#60a5fa33}.reset-button.svelte-1wk5kq2:focus-visible,.feedback-button.svelte-1wk5kq2:focus-visible{outline-offset:2px;outline:2px solid}.github-link.svelte-1wk5kq2{color:#9ca3af;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.github-link.svelte-1wk5kq2:hover{color:#fff;background:#ffffff0d;border-color:#fff3}.github-link.svelte-1wk5kq2:focus-visible{outline-offset:2px;outline:2px solid #60a5fa}.github-link.svelte-1wk5kq2 svg:where(.svelte-1wk5kq2){width:18px;height:18px}.coffee-link.svelte-1wk5kq2{color:#fbbf24;cursor:pointer;background:#fbbf241a;border:1px solid #fbbf244d;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.coffee-link.svelte-1wk5kq2:hover{color:#f59e0b;background:#fbbf2433;border-color:#fbbf2480}.coffee-link.svelte-1wk5kq2:focus-visible{outline-offset:2px;outline:2px solid #fbbf24}.coffee-link.svelte-1wk5kq2 svg:where(.svelte-1wk5kq2){width:18px;height:18px}@media (width<=480px){.font-options.svelte-1wk5kq2{grid-template-columns:1fr}}.shortcuts-button.svelte-1w6qvvo{color:#fff;cursor:pointer;opacity:.5;background:0 0;border:none;border-radius:18px;justify-content:center;align-items:center;width:72px;height:72px;padding:0;transition:all .2s;display:flex}.shortcuts-button.svelte-1w6qvvo:hover{opacity:1;background:#ffffff1a}.shortcuts-button.svelte-1w6qvvo:focus-visible{opacity:1;outline-offset:2px;outline:3px solid #fff}.shortcuts-button.svelte-1w6qvvo svg:where(.svelte-1w6qvvo){width:36px;height:36px}.shortcuts-modal.svelte-oa5yhj{color:#f9fafb;background:#1f2937;border:none;border-radius:16px;width:min(90vw,380px);max-height:90vh;margin:auto;padding:0;position:fixed;inset:0;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.shortcuts-modal.svelte-oa5yhj::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009}.modal-content.svelte-oa5yhj{flex-direction:column;max-height:90vh;display:flex;overflow-y:auto}.modal-header.svelte-oa5yhj{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-header.svelte-oa5yhj h2:where(.svelte-oa5yhj){margin:0;font-size:1.25rem;font-weight:600}.close-button.svelte-oa5yhj{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:all .2s;display:flex}.close-button.svelte-oa5yhj:hover{color:#fff;background:#ffffff1a}.close-button.svelte-oa5yhj:focus-visible{outline-offset:2px;outline:2px solid #60a5fa}.close-button.svelte-oa5yhj svg:where(.svelte-oa5yhj){width:20px;height:20px}.shortcuts-list.svelte-oa5yhj{flex-direction:column;gap:.75rem;padding:1.5rem;display:flex}.shortcut-row.svelte-oa5yhj{justify-content:space-between;align-items:center;gap:1rem;display:flex}.shortcut-key.svelte-oa5yhj{font-variant-numeric:tabular-nums;color:#e5e7eb;white-space:nowrap;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;justify-content:center;align-items:center;min-width:2.5rem;padding:.375rem .75rem;font-family:inherit;font-size:.875rem;font-weight:500;display:inline-flex}.shortcut-desc.svelte-oa5yhj{color:#9ca3af;text-align:right;font-size:.875rem}.skip-button.svelte-171cf6h{color:#1f2937;cursor:pointer;background:#fffffff2;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:.75rem;min-width:140px;min-height:56px;padding:.75rem 1.5rem;font-size:1.125rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 14px #00000026}.skip-button.svelte-171cf6h:hover{transform:scale(1.05);box-shadow:0 6px 20px #0003}.skip-button.svelte-171cf6h:focus-visible{outline-offset:3px;outline:3px solid #fff}.skip-button.svelte-171cf6h:active{transform:scale(.98)}.skip-button.svelte-171cf6h svg:where(.svelte-171cf6h){width:24px;height:24px}.button-text.svelte-171cf6h{min-width:60px}@media (width<=400px){.skip-button.svelte-171cf6h{min-width:120px;padding:.625rem 1.25rem}.button-text.svelte-171cf6h{display:none}}.todo-button.svelte-1jl2vqg{color:#fff;cursor:pointer;opacity:.5;background:0 0;border:none;border-radius:18px;justify-content:center;align-items:center;width:72px;height:72px;padding:0;transition:all .2s;display:flex}.todo-button.svelte-1jl2vqg:hover{opacity:1;background:#ffffff1a}.todo-button.svelte-1jl2vqg:focus-visible{opacity:1;outline-offset:2px;outline:3px solid #fff}.todo-button.svelte-1jl2vqg svg:where(.svelte-1jl2vqg){width:36px;height:36px}.todo-widget.svelte-1uabwbt{color:#1f2937;z-index:100;background:#fff;border-radius:16px;flex-direction:column;width:min(90vw,360px);max-height:70vh;animation:.2s ease-out forwards svelte-1uabwbt-slideUp;display:flex;position:fixed;bottom:6rem;right:1rem;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.todo-widget.closing.svelte-1uabwbt{animation:.2s ease-out forwards svelte-1uabwbt-slideDown}@keyframes svelte-1uabwbt-slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes svelte-1uabwbt-slideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}.widget-header.svelte-1uabwbt{border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.widget-header.svelte-1uabwbt h2:where(.svelte-1uabwbt){margin:0;font-size:1.125rem;font-weight:600}.close-button.svelte-1uabwbt{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .2s;display:flex}.close-button.svelte-1uabwbt:hover{color:#1f2937;background:#f3f4f6}.close-button.svelte-1uabwbt:focus-visible{outline-offset:2px;outline:2px solid #60a5fa}.close-button.svelte-1uabwbt svg:where(.svelte-1uabwbt){width:20px;height:20px}.add-todo-form.svelte-1uabwbt{border-bottom:1px solid #e5e7eb;flex-shrink:0;gap:.5rem;padding:.75rem 1rem;display:flex}.todo-input.svelte-1uabwbt{color:#1f2937;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex:1;padding:.625rem .875rem;font-size:.9375rem;transition:all .2s}.todo-input.svelte-1uabwbt::placeholder{color:#9ca3af}.todo-input.svelte-1uabwbt:focus{border-color:#60a5fa;outline:none;box-shadow:0 0 0 3px #60a5fa33}.add-button.svelte-1uabwbt{color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:all .2s;display:flex}.add-button.svelte-1uabwbt:hover:not(:disabled){filter:brightness(.9)}.add-button.svelte-1uabwbt:disabled{opacity:.5;cursor:not-allowed}.add-button.svelte-1uabwbt:focus-visible{outline-offset:2px;outline:2px solid #60a5fa}.add-button.svelte-1uabwbt svg:where(.svelte-1uabwbt){width:22px;height:22px}.todos-list.svelte-1uabwbt{flex:1;min-height:200px;max-height:calc(70vh - 130px);overflow-y:auto}.empty-message.svelte-1uabwbt{text-align:center;color:#9ca3af;padding:2rem 1.25rem;font-style:italic}.todo-item.svelte-1uabwbt{border-bottom:1px solid #f3f4f6;align-items:center;gap:.75rem;padding:.625rem 1rem;transition:background .2s;display:flex}.todo-item.svelte-1uabwbt:last-child{border-bottom:none}.todo-item.svelte-1uabwbt:hover{background:#f9fafb}.todo-item.completed.svelte-1uabwbt .todo-text:where(.svelte-1uabwbt){color:#9ca3af;text-decoration:line-through}.todo-item.pinned.svelte-1uabwbt{background:#fef3c7}.check-button.svelte-1uabwbt{color:#9ca3af;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:all .2s;display:flex}.check-button.svelte-1uabwbt:hover{color:#1f2937}.check-button.checked.svelte-1uabwbt{color:#10b981}.check-button.svelte-1uabwbt:focus-visible{outline-offset:2px;outline:2px solid #60a5fa}.check-button.svelte-1uabwbt svg:where(.svelte-1uabwbt){width:24px;height:24px}.todo-text.svelte-1uabwbt{color:#374151;word-break:break-word;flex:1;font-size:.875rem}.todo-actions.svelte-1uabwbt{flex-shrink:0;gap:.25rem;display:flex}.action-button.svelte-1uabwbt{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .2s;display:flex}.action-button.svelte-1uabwbt:hover{color:#374151;background:#f3f4f6}.action-button.svelte-1uabwbt:focus-visible{outline-offset:2px;outline:2px solid #60a5fa}.action-button.svelte-1uabwbt svg:where(.svelte-1uabwbt){width:18px;height:18px}.pin-button.active.svelte-1uabwbt{color:#f59e0b}.pin-button.active.svelte-1uabwbt:hover{color:#d97706}.delete-button.svelte-1uabwbt:hover{color:#ef4444;background:#fef2f2}.pinned-task.svelte-18fsmq5{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.5rem;font-size:clamp(1rem,4vw,1.5rem);font-weight:500;display:flex}.pinned-task.svelte-18fsmq5 svg:where(.svelte-18fsmq5){flex-shrink:0;width:1.5em;height:1.5em}.task-label.svelte-18fsmq5{opacity:.8}.task-text.svelte-18fsmq5{font-weight:600}*{box-sizing:border-box;margin:0;padding:0}:root{--font-primary:"DM Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}html,body{height:100%;font-family:var(--font-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,textarea,select{font:inherit}.app.svelte-1uha8ag{flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:1rem;transition:background-color .5s;display:flex}.timer-container.svelte-1uha8ag{justify-items:center;gap:2rem;width:min(100%,90rem);margin:0 auto;display:grid}.controls.svelte-1uha8ag{justify-content:center;align-items:center;gap:1rem;width:100%;display:flex}.top-buttons.svelte-1uha8ag{align-items:center;gap:.25rem;display:flex;position:fixed;top:1rem;right:1rem}.bottom-right-button.svelte-1uha8ag{position:fixed;bottom:1rem;right:1rem}.loading.svelte-1uha8ag{color:#fff;font-size:1.5rem}