.timer-display.svelte-ae6cnr{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:.5rem;padding:10px}.phase-label.svelte-ae6cnr{display:block;width:100%;text-align:center;font-size:clamp(1rem,4vw,2rem);font-weight:500;text-transform:uppercase;letter-spacing:.2em;opacity:.9}.timer-text.svelte-ae6cnr{display:block;text-align:center;font-size:clamp(4rem,25vw,250px);font-weight:700;font-variant-numeric:tabular-nums;line-height:1;letter-spacing:-.02em}.play-pause-button.svelte-16gnms0{display:flex;align-items:center;justify-content:center;gap:.75rem;min-width:140px;min-height:56px;padding:.75rem 1.5rem;font-size:1.125rem;font-weight:600;color:#1f2937;background:#fffffff2;border:none;border-radius:9999px;cursor:pointer;transition:all .2s ease;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:3px solid white;outline-offset:3px}.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(max-width:400px){.play-pause-button.svelte-16gnms0{min-width:120px;padding:.625rem 1.25rem}.button-text.svelte-16gnms0{display:none}}.pip-button.svelte-l64b0p{display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;color:#fff;background:#fff3;border:2px solid rgba(255,255,255,.3);border-radius:12px;cursor:pointer;transition:all .2s ease}.pip-button.svelte-l64b0p:hover:not(:disabled){background:#ffffff4d;border-color:#ffffff80}.pip-button.svelte-l64b0p:focus-visible{outline:3px solid white;outline-offset:2px}.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{display:flex;align-items:center;justify-content:center;width:72px;height:72px;padding:0;color:#fff;background:transparent;border:none;border-radius:18px;cursor:pointer;opacity:.5;transition:all .2s ease}.settings-button.svelte-1w45nf3:hover{opacity:1;background:#ffffff1a}.settings-button.svelte-1w45nf3:focus-visible{opacity:1;outline:3px solid white;outline-offset:2px}.settings-button.svelte-1w45nf3 svg:where(.svelte-1w45nf3){width:36px;height:36px}.settings-modal.svelte-1wk5kq2{position:fixed;inset:0;width:min(90vw,420px);max-height:90vh;margin:auto;padding:0;background:#1f2937;color:#f9fafb;border:none;border-radius:16px;box-shadow:0 25px 50px -12px #00000080;overflow:hidden}.settings-modal.svelte-1wk5kq2::backdrop{background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content.svelte-1wk5kq2{display:flex;flex-direction:column;max-height:90vh;overflow-y:auto}.modal-header.svelte-1wk5kq2{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header.svelte-1wk5kq2 h2:where(.svelte-1wk5kq2){margin:0;font-size:1.25rem;font-weight:600}.close-button.svelte-1wk5kq2{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;color:#9ca3af;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.close-button.svelte-1wk5kq2:hover{color:#fff;background:#ffffff1a}.close-button.svelte-1wk5kq2:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}.close-button.svelte-1wk5kq2 svg:where(.svelte-1wk5kq2){width:20px;height:20px}.settings-form.svelte-1wk5kq2{display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem}.form-group.svelte-1wk5kq2{display:flex;flex-direction:column;gap:.5rem}.form-group.svelte-1wk5kq2 label:where(.svelte-1wk5kq2){font-size:.875rem;font-weight:500;color:#d1d5db}.group-label.svelte-1wk5kq2{font-size:.875rem;font-weight:500;color:#d1d5db}.form-group.svelte-1wk5kq2 input[type=number]:where(.svelte-1wk5kq2){width:100%;padding:.75rem;font-size:1rem;color:#fff;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;transition:all .2s}.form-group.svelte-1wk5kq2 input[type=number]:where(.svelte-1wk5kq2):focus{outline:none;border-color:#60a5fa;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{font-size:.75rem;color:#9ca3af}.error.svelte-1wk5kq2{font-size:.75rem;color:#ef4444}.checkbox-group.svelte-1wk5kq2{flex-direction:row}.checkbox-label.svelte-1wk5kq2{display:flex;align-items:center;gap:.75rem;cursor:pointer}.checkbox-label.svelte-1wk5kq2 input[type=checkbox]:where(.svelte-1wk5kq2){width:20px;height:20px;accent-color:#10b981;cursor:pointer}.checkbox-label.svelte-1wk5kq2 span:where(.svelte-1wk5kq2){font-size:.875rem;color:#d1d5db}.font-options.svelte-1wk5kq2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:.75rem}.font-option.svelte-1wk5kq2{position:relative;display:block;cursor:pointer}.font-radio.svelte-1wk5kq2{position:absolute;inset:0;opacity:0;cursor:pointer}.font-option-card.svelte-1wk5kq2{display:flex;flex-direction:column;justify-content:space-between;gap:.75rem;padding:.9rem 1rem;min-height:7.75rem;height:100%;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:12px;transition:border-color .2s ease,background-color .2s ease,transform .2s ease}.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:2px solid #60a5fa;outline-offset:2px}.font-option-label-row.svelte-1wk5kq2{display:flex;flex-direction:column;gap:.125rem}.font-option-label.svelte-1wk5kq2{font-size:.95rem;font-weight:600;color:#f9fafb}.font-option-family.svelte-1wk5kq2{font-size:.75rem;color:#9ca3af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.font-option-preview.svelte-1wk5kq2{font-size:1.6rem;font-weight:700;line-height:1;color:#f9fafb;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.color-group.svelte-1wk5kq2 .color-input-wrapper:where(.svelte-1wk5kq2){display:flex;align-items:center;gap:.75rem}.color-group.svelte-1wk5kq2 input[type=color]:where(.svelte-1wk5kq2){width:48px;height:48px;padding:0;border:2px solid rgba(255,255,255,.2);border-radius:8px;cursor:pointer;background:transparent}.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{outline:none;border-color:#60a5fa}.color-value.svelte-1wk5kq2{font-family:monospace;font-size:.875rem;color:#9ca3af;text-transform:uppercase}.form-actions.svelte-1wk5kq2{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.reset-button.svelte-1wk5kq2,.feedback-button.svelte-1wk5kq2{flex:1;min-width:140px;padding:.75rem 1rem;font-size:.875rem;font-weight:500;border:none;border-radius:8px;cursor:pointer;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:2px solid currentColor;outline-offset:2px}.github-link.svelte-1wk5kq2{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;color:#9ca3af;text-decoration:none;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .2s}.github-link.svelte-1wk5kq2:hover{color:#fff;background:#ffffff0d;border-color:#fff3}.github-link.svelte-1wk5kq2:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}.github-link.svelte-1wk5kq2 svg:where(.svelte-1wk5kq2){width:18px;height:18px}.coffee-link.svelte-1wk5kq2{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;color:#fbbf24;text-decoration:none;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:8px;cursor:pointer;transition:all .2s}.coffee-link.svelte-1wk5kq2:hover{color:#f59e0b;background:#fbbf2433;border-color:#fbbf2480}.coffee-link.svelte-1wk5kq2:focus-visible{outline:2px solid #fbbf24;outline-offset:2px}.coffee-link.svelte-1wk5kq2 svg:where(.svelte-1wk5kq2){width:18px;height:18px}@media(max-width:480px){.font-options.svelte-1wk5kq2{grid-template-columns:1fr}}.shortcuts-button.svelte-1w6qvvo{display:flex;align-items:center;justify-content:center;width:72px;height:72px;padding:0;color:#fff;background:transparent;border:none;border-radius:18px;cursor:pointer;opacity:.5;transition:all .2s ease}.shortcuts-button.svelte-1w6qvvo:hover{opacity:1;background:#ffffff1a}.shortcuts-button.svelte-1w6qvvo:focus-visible{opacity:1;outline:3px solid white;outline-offset:2px}.shortcuts-button.svelte-1w6qvvo svg:where(.svelte-1w6qvvo){width:36px;height:36px}.shortcuts-modal.svelte-oa5yhj{position:fixed;inset:0;width:min(90vw,380px);max-height:90vh;margin:auto;padding:0;background:#1f2937;color:#f9fafb;border:none;border-radius:16px;box-shadow:0 25px 50px -12px #00000080;overflow:hidden}.shortcuts-modal.svelte-oa5yhj::backdrop{background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content.svelte-oa5yhj{display:flex;flex-direction:column;max-height:90vh;overflow-y:auto}.modal-header.svelte-oa5yhj{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header.svelte-oa5yhj h2:where(.svelte-oa5yhj){margin:0;font-size:1.25rem;font-weight:600}.close-button.svelte-oa5yhj{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;color:#9ca3af;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.close-button.svelte-oa5yhj:hover{color:#fff;background:#ffffff1a}.close-button.svelte-oa5yhj:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}.close-button.svelte-oa5yhj svg:where(.svelte-oa5yhj){width:20px;height:20px}.shortcuts-list.svelte-oa5yhj{display:flex;flex-direction:column;gap:.75rem;padding:1.5rem}.shortcut-row.svelte-oa5yhj{display:flex;align-items:center;justify-content:space-between;gap:1rem}.shortcut-key.svelte-oa5yhj{display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;padding:.375rem .75rem;font-family:inherit;font-size:.875rem;font-weight:500;font-variant-numeric:tabular-nums;color:#e5e7eb;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;white-space:nowrap}.shortcut-desc.svelte-oa5yhj{font-size:.875rem;color:#9ca3af;text-align:right}.skip-button.svelte-171cf6h{display:flex;align-items:center;justify-content:center;gap:.75rem;min-width:140px;min-height:56px;padding:.75rem 1.5rem;font-size:1.125rem;font-weight:600;color:#1f2937;background:#fffffff2;border:none;border-radius:9999px;cursor:pointer;transition:all .2s ease;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:3px solid white;outline-offset:3px}.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(max-width:400px){.skip-button.svelte-171cf6h{min-width:120px;padding:.625rem 1.25rem}.button-text.svelte-171cf6h{display:none}}.todo-button.svelte-1jl2vqg{display:flex;align-items:center;justify-content:center;width:72px;height:72px;padding:0;color:#fff;background:transparent;border:none;border-radius:18px;cursor:pointer;opacity:.5;transition:all .2s ease}.todo-button.svelte-1jl2vqg:hover{opacity:1;background:#ffffff1a}.todo-button.svelte-1jl2vqg:focus-visible{opacity:1;outline:3px solid white;outline-offset:2px}.todo-button.svelte-1jl2vqg svg:where(.svelte-1jl2vqg){width:36px;height:36px}.todo-widget.svelte-1uabwbt{position:fixed;bottom:6rem;right:1rem;width:min(90vw,360px);max-height:70vh;background:#fff;color:#1f2937;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;display:flex;flex-direction:column;animation:svelte-1uabwbt-slideUp .2s ease-out forwards;z-index:100}.todo-widget.closing.svelte-1uabwbt{animation:svelte-1uabwbt-slideDown .2s ease-out forwards}@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{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #e5e7eb;flex-shrink:0}.widget-header.svelte-1uabwbt h2:where(.svelte-1uabwbt){margin:0;font-size:1.125rem;font-weight:600}.close-button.svelte-1uabwbt{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;color:#6b7280;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.close-button.svelte-1uabwbt:hover{color:#1f2937;background:#f3f4f6}.close-button.svelte-1uabwbt:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}.close-button.svelte-1uabwbt svg:where(.svelte-1uabwbt){width:20px;height:20px}.add-todo-form.svelte-1uabwbt{display:flex;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid #e5e7eb;flex-shrink:0}.todo-input.svelte-1uabwbt{flex:1;padding:.625rem .875rem;font-size:.9375rem;color:#1f2937;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s}.todo-input.svelte-1uabwbt::placeholder{color:#9ca3af}.todo-input.svelte-1uabwbt:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}.add-button.svelte-1uabwbt{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.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:2px solid #60a5fa;outline-offset:2px}.add-button.svelte-1uabwbt svg:where(.svelte-1uabwbt){width:22px;height:22px}.todos-list.svelte-1uabwbt{flex:1;overflow-y:auto;min-height:200px;max-height:calc(70vh - 130px)}.empty-message.svelte-1uabwbt{padding:2rem 1.25rem;text-align:center;color:#9ca3af;font-style:italic}.todo-item.svelte-1uabwbt{display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;border-bottom:1px solid #f3f4f6;transition:background .2s}.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){text-decoration:line-through;color:#9ca3af}.todo-item.pinned.svelte-1uabwbt{background:#fef3c7}.check-button.svelte-1uabwbt{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;color:#9ca3af;background:transparent;border:none;cursor:pointer;flex-shrink:0;transition:all .2s}.check-button.svelte-1uabwbt:hover{color:#1f2937}.check-button.checked.svelte-1uabwbt{color:#10b981}.check-button.svelte-1uabwbt:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}.check-button.svelte-1uabwbt svg:where(.svelte-1uabwbt){width:24px;height:24px}.todo-text.svelte-1uabwbt{flex:1;font-size:.875rem;color:#374151;word-break:break-word}.todo-actions.svelte-1uabwbt{display:flex;gap:.25rem;flex-shrink:0}.action-button.svelte-1uabwbt{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;color:#9ca3af;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.action-button.svelte-1uabwbt:hover{color:#374151;background:#f3f4f6}.action-button.svelte-1uabwbt:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}.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{display:flex;align-items:center;justify-content:center;width:100%;gap:.5rem;font-size:clamp(1rem,4vw,1.5rem);font-weight:500;padding:.5rem;flex-wrap:wrap;text-align:center}.pinned-task.svelte-18fsmq5 svg:where(.svelte-18fsmq5){width:1.5em;height:1.5em;flex-shrink:0}.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{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:1rem;transition:background-color .5s ease}.timer-container.svelte-1uha8ag{display:grid;justify-items:center;width:min(100%,90rem);margin:0 auto;gap:2rem}.controls.svelte-1uha8ag{display:flex;align-items:center;justify-content:center;width:100%;gap:1rem}.top-buttons.svelte-1uha8ag{position:fixed;top:1rem;right:1rem;display:flex;align-items:center;gap:.25rem}.bottom-right-button.svelte-1uha8ag{position:fixed;bottom:1rem;right:1rem}.loading.svelte-1uha8ag{color:#fff;font-size:1.5rem}