.timer-container.svelte-d4b8ny{text-align:center;padding-top:2rem}.task-header.svelte-d4b8ny{margin-bottom:2rem}.task-icon-large.svelte-d4b8ny{font-size:4rem;display:block;margin-bottom:.5rem}.task-header.svelte-d4b8ny h1:where(.svelte-d4b8ny){font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.xp-reward.svelte-d4b8ny{display:inline-block;background:var(--color-primary);color:#fff;padding:.25rem 1rem;border-radius:var(--radius-full);font-weight:600}.timer-circle.svelte-d4b8ny{position:relative;width:250px;height:250px;margin:0 auto 2rem}.progress-ring.svelte-d4b8ny{width:100%;height:100%}.timer-text.svelte-d4b8ny{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.timer-display.svelte-d4b8ny{font-size:3rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-text)}.timer-label.svelte-d4b8ny{font-size:.875rem;color:var(--color-text-secondary)}.timer-controls.svelte-d4b8ny{display:flex;flex-direction:column;gap:1rem;max-width:300px;margin:0 auto}.btn-large.svelte-d4b8ny{padding:1rem 2rem;font-size:1.25rem}.control-row.svelte-d4b8ny{display:flex;gap:1rem}.control-row.svelte-d4b8ny .btn:where(.svelte-d4b8ny){flex:1}.timer-tip.svelte-d4b8ny{margin-top:2rem;font-size:.875rem;color:var(--color-text-secondary)}.completion-screen.svelte-d4b8ny{padding:2rem 0}.completion-icon.svelte-d4b8ny{font-size:5rem;margin-bottom:1rem}.completion-screen.svelte-d4b8ny h1:where(.svelte-d4b8ny){font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.completion-task.svelte-d4b8ny{color:var(--color-text-secondary);margin-bottom:2rem}.xp-earned.svelte-d4b8ny{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;padding:1rem 2rem;border-radius:var(--radius-lg);margin-bottom:2rem}.xp-icon.svelte-d4b8ny{font-size:1.5rem}.xp-value.svelte-d4b8ny{font-size:1.5rem;font-weight:700}.completion-message.svelte-d4b8ny{margin-bottom:2rem;color:var(--color-text-secondary)}.completion-actions.svelte-d4b8ny{display:flex;flex-direction:column;gap:1rem;max-width:300px;margin:0 auto}.completion-actions.svelte-d4b8ny .btn:where(.svelte-d4b8ny){width:100%}