.container.svelte-1lrr3bt{max-width:800px;margin:0 auto;padding:2rem}.timer-container.svelte-1lrr3bt{text-align:center;margin-top:-2rem;margin-bottom:5rem}h2.svelte-1lrr3bt{color:#1f2937;margin-bottom:2rem}.timer-wrapper.svelte-1lrr3bt{position:relative;width:300px;height:200px;margin:0 auto 2rem}.timer-slider.svelte-1lrr3bt{position:relative;width:100%;height:100%;perspective:1000px}.timer.svelte-1lrr3bt{position:absolute;width:100%;height:150px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem 2rem;border-radius:12px;border:2px solid #e5e7eb;background:#fff;box-shadow:0 4px 6px #0000001a;transition:all .5s ease;backface-visibility:hidden}.active-timer.svelte-1lrr3bt{background:#f0fdf4;border-color:#86efac;transform:translate(0) translateY(0) scale(1);opacity:1;z-index:1}.break-timer.svelte-1lrr3bt{background:#f0f9ff;border-color:#93c5fd;transform:translate(20px) translateY(20px) scale(.95);opacity:.8;z-index:0}.active-timer.is-active.svelte-1lrr3bt{background:#f0fdf4;border-color:#86efac;transform:translate(0) translateY(0) scale(1);opacity:1;z-index:1}.break-timer.is-active.svelte-1lrr3bt{background:#f0f9ff;border-color:#93c5fd;transform:translate(0) translateY(0) scale(1);opacity:1;z-index:1}.active-timer.svelte-1lrr3bt:not(.is-active){background:#dcfce7;border-color:#86efac;transform:translate(20px) translateY(20px) scale(.95);opacity:.9;z-index:0}.break-timer.svelte-1lrr3bt:not(.is-active){background:#dbeafe;border-color:#93c5fd;transform:translate(20px) translateY(20px) scale(.95);opacity:.9;z-index:0}.timer-label.svelte-1lrr3bt{font-size:1rem;margin-bottom:.5rem}.active-timer.svelte-1lrr3bt .timer-label:where(.svelte-1lrr3bt){color:#15803d}.break-timer.svelte-1lrr3bt .timer-label:where(.svelte-1lrr3bt){color:#1d4ed8}.active-timer.svelte-1lrr3bt:not(.is-active) .timer-label:where(.svelte-1lrr3bt){color:#166534}.break-timer.svelte-1lrr3bt:not(.is-active) .timer-label:where(.svelte-1lrr3bt){color:#1e40af}.timer-value.svelte-1lrr3bt{font-size:2.5rem;font-weight:700}.active-timer.svelte-1lrr3bt .timer-value:where(.svelte-1lrr3bt){color:#166534}.break-timer.svelte-1lrr3bt .timer-value:where(.svelte-1lrr3bt){color:#1e40af}.active-timer.svelte-1lrr3bt:not(.is-active) .timer-value:where(.svelte-1lrr3bt){color:#15803d}.break-timer.svelte-1lrr3bt:not(.is-active) .timer-value:where(.svelte-1lrr3bt){color:#1d4ed8}.repeat-container.svelte-1lrr3bt{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:.75rem 2rem;margin:2rem auto;display:inline-flex;flex-direction:column;align-items:center;gap:.25rem}.repeat-label.svelte-1lrr3bt{font-size:.875rem;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.repeat-value.svelte-1lrr3bt{font-size:1.5rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.repeat-value.svelte-1lrr3bt .current:where(.svelte-1lrr3bt){color:#64748b}.repeat-value.svelte-1lrr3bt .current.active:where(.svelte-1lrr3bt){color:#3b82f6}.repeat-value.svelte-1lrr3bt .current.pause:where(.svelte-1lrr3bt){color:#f59e0b!important}.repeat-value.svelte-1lrr3bt .current.completed:where(.svelte-1lrr3bt){color:#4caf50}.repeat-value.svelte-1lrr3bt .separator:where(.svelte-1lrr3bt){color:#94a3b8}.repeat-value.svelte-1lrr3bt .total:where(.svelte-1lrr3bt){color:#64748b}.repeat-value.svelte-1lrr3bt .total.reset:where(.svelte-1lrr3bt){color:#ff6b6b!important}.repeat-value.svelte-1lrr3bt .total.completed:where(.svelte-1lrr3bt){color:#4caf50}.controls.svelte-1lrr3bt{margin-top:1.5rem;display:flex;justify-content:center;gap:1rem;margin-bottom:3rem}button.svelte-1lrr3bt{padding:.75rem 1.5rem;margin:0 .5rem;font-size:1rem;border:none;border-radius:6px;cursor:pointer;color:#fff;transition:transform .2s ease}button.svelte-1lrr3bt:hover{transform:translateY(-1px)}.start-button.svelte-1lrr3bt{background-color:#4caf50}.start-button.svelte-1lrr3bt:hover{background-color:#45a049}.start-button.continue.svelte-1lrr3bt{background-color:#3b82f6!important}.start-button.continue.svelte-1lrr3bt:hover{background-color:#2563eb!important}.start-button.restart.svelte-1lrr3bt{background-color:#3b82f6!important}.start-button.restart.svelte-1lrr3bt:hover{background-color:#2563eb!important}.pause-button.svelte-1lrr3bt{background-color:#f59e0b}.pause-button.svelte-1lrr3bt:hover{background-color:#d97706}.reset-button.svelte-1lrr3bt{background-color:#ff6b6b}.reset-button.svelte-1lrr3bt:hover{background-color:#ff5252}.header.svelte-1lrr3bt{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.back-button.svelte-1lrr3bt{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f3f4f6;color:#4b5563;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.back-button.svelte-1lrr3bt:hover{background:#e5e7eb;transform:translate(-2px)}.back-icon.svelte-1lrr3bt{font-size:1.25rem;line-height:1}.back-text.svelte-1lrr3bt{line-height:1}.routine-title.svelte-1lrr3bt{font-size:2.5rem;font-weight:700;color:#1f2937;margin-bottom:2.5rem;text-align:center;letter-spacing:-.025em;line-height:1.2}.routine-title.svelte-1lrr3bt:after{content:"";display:block;width:60px;height:3px;background:linear-gradient(to right,#4caf50,#93c5fd);margin:1rem auto 0;border-radius:2px}.flash.svelte-1lrr3bt{animation:svelte-1lrr3bt-flash .5s ease}@keyframes svelte-1lrr3bt-flash{0%{background-color:#fff}50%{background-color:#f0f9ff}to{background-color:#fff}}.error-message.svelte-1lrr3bt{background-color:#fee2e2;color:#dc2626;padding:.75rem;border-radius:.375rem;margin-bottom:1rem;font-size:.875rem}