.timer-page.svelte-t50qqq{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:var(--ts-light);color:var(--ts-text);transition:background .3s,color .3s}.timer-page.dark.svelte-t50qqq{background:#111;color:#fff}.timer-layout.svelte-t50qqq{display:flex;flex:1;min-height:0;overflow:hidden}.sidebar.svelte-t50qqq{width:260px;min-width:260px;border-right:1px solid var(--ts-border);background:#fff;display:flex;flex-direction:column;padding:.75rem;gap:.75rem;overflow-y:auto}.dark.svelte-t50qqq .sidebar:where(.svelte-t50qqq){background:#1a1a1a;border-color:#333}.sidebar-hero.svelte-t50qqq{border-left:4px solid #2196F3;padding:.5rem .6rem}.sidebar-hero-title.svelte-t50qqq{font-family:var(--font-heading);font-size:1.3rem;font-weight:700;color:#2196f3;margin:0;line-height:1.2}.sidebar-hero-tagline.svelte-t50qqq{font-family:var(--font-body);font-size:.75rem;color:var(--ts-text-secondary);margin:.2rem 0 0}.dark.svelte-t50qqq .sidebar-hero-tagline:where(.svelte-t50qqq){color:#888}.sidebar-how-to-use.svelte-t50qqq{font-family:var(--font-ui);font-size:.7rem;color:var(--ts-text-secondary);margin-top:.3rem}.dark.svelte-t50qqq .sidebar-how-to-use:where(.svelte-t50qqq){color:#888}.sidebar-how-to-use.svelte-t50qqq summary:where(.svelte-t50qqq){cursor:pointer;-webkit-user-select:none;user-select:none;padding:.15rem 0}.sidebar-how-content.svelte-t50qqq{margin-top:.25rem;padding:.4rem;background:var(--ts-bg-alt);border-radius:var(--radius-sm);font-size:.7rem;line-height:1.4}.dark.svelte-t50qqq .sidebar-how-content:where(.svelte-t50qqq){background:#222}.sidebar-section.svelte-t50qqq{display:flex;flex-direction:column;gap:.5rem}.sidebar-label.svelte-t50qqq{font-family:var(--font-heading);font-size:.9rem;font-weight:700;color:var(--ts-text-secondary);margin:0}.dark.svelte-t50qqq .sidebar-label:where(.svelte-t50qqq){color:#aaa}.sidebar-footer.svelte-t50qqq{display:flex;justify-content:center;border-top:1px solid var(--ts-border);padding-top:.5rem;margin-top:auto}.dark.svelte-t50qqq .sidebar-footer:where(.svelte-t50qqq){border-color:#333}.panel-show.svelte-t50qqq{position:absolute;top:12px;left:0;z-index:10;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--ts-border);border-left:none;border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#fff;cursor:pointer}.dark.svelte-t50qqq .panel-show:where(.svelte-t50qqq){background:#222;border-color:#444;color:#fff}.panel-show.svelte-t50qqq:hover{background:var(--ts-bg-alt)}.icon-sm.svelte-t50qqq{width:14px;height:14px}.presets.svelte-t50qqq{display:flex;flex-wrap:wrap;gap:.3rem}.preset-btn.svelte-t50qqq{padding:.35rem .65rem;border:2px solid var(--ts-border);border-radius:var(--radius-xl);font-family:var(--font-ui);font-size:.8rem;font-weight:600;cursor:pointer;background:#fff;color:var(--ts-text);transition:all .15s ease}.dark.svelte-t50qqq .preset-btn:where(.svelte-t50qqq){background:#222;color:#fff;border-color:#444}.preset-btn.svelte-t50qqq:hover,.preset-btn.active.svelte-t50qqq{background:var(--ts-blue);color:#fff;border-color:var(--ts-blue)}.custom-input.svelte-t50qqq{display:flex;gap:.25rem}.custom-input.svelte-t50qqq input:where(.svelte-t50qqq){width:60px;padding:.35rem;border:2px solid var(--ts-border);border-radius:var(--radius-md);font-family:var(--font-ui);font-size:.8rem;text-align:center}.dark.svelte-t50qqq .custom-input:where(.svelte-t50qqq) input:where(.svelte-t50qqq){background:#222;color:#fff;border-color:#444}.option.svelte-t50qqq{display:flex;align-items:center;gap:.4rem;font-family:var(--font-ui);font-size:.8rem;color:var(--ts-text-secondary)}.dark.svelte-t50qqq .option:where(.svelte-t50qqq){color:#aaa}.option.svelte-t50qqq input:where(.svelte-t50qqq),.option.svelte-t50qqq select:where(.svelte-t50qqq){flex:1;padding:.35rem .5rem;border:1px solid var(--ts-border);border-radius:var(--radius-sm);font-family:var(--font-ui);font-size:.8rem}.dark.svelte-t50qqq .option:where(.svelte-t50qqq) input:where(.svelte-t50qqq),.dark.svelte-t50qqq .option:where(.svelte-t50qqq) select:where(.svelte-t50qqq){background:#222;color:#fff;border-color:#444}.timer-display.svelte-t50qqq{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;gap:1rem;min-height:0;position:relative}.timer-label.svelte-t50qqq{font-family:var(--font-heading);font-size:1.5rem;color:var(--phase-color);text-align:center}.timer-time.svelte-t50qqq{font-family:var(--font-body);font-size:clamp(5rem,20vw,14rem);font-weight:700;line-height:1;color:var(--phase-color);transition:color .5s;-webkit-user-select:none;user-select:none}.timer-time.flash.svelte-t50qqq{animation:svelte-t50qqq-flash .5s ease-in-out infinite alternate}.timer-time.finished.svelte-t50qqq{animation:svelte-t50qqq-finished-pulse 1s ease-in-out infinite}@keyframes svelte-t50qqq-flash{0%{opacity:1}to{opacity:.4}}@keyframes svelte-t50qqq-finished-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.02)}}.timer-progress-track.svelte-t50qqq{width:min(90%,600px);height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden}.dark.svelte-t50qqq .timer-progress-track:where(.svelte-t50qqq){background:#333}.timer-progress-bar.svelte-t50qqq{height:100%;border-radius:4px;transition:width 1s linear,background .5s}.timer-controls.svelte-t50qqq{display:flex;align-items:center;gap:.5rem;margin-top:1rem}.btn.svelte-t50qqq{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1.2rem;border:1px solid var(--ts-border);border-radius:var(--radius-xl);font-family:var(--font-ui);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s ease;background:#fff;color:var(--ts-text)}.dark.svelte-t50qqq .btn:where(.svelte-t50qqq){background:#222;color:#fff;border-color:#444}.btn.svelte-t50qqq:hover{box-shadow:var(--shadow-sm)}.btn-start.svelte-t50qqq{background:#4caf50;color:#fff;border-color:#4caf50}.btn-start.svelte-t50qqq:hover{background:#43a047}.btn-pause.svelte-t50qqq{background:#ffc107;color:#333;border-color:#ffc107}.btn-reset.svelte-t50qqq{background:transparent}.btn-icon.svelte-t50qqq{width:18px;height:18px}.btn-icon-only.svelte-t50qqq{display:inline-flex;align-items:center;justify-content:center;padding:.5rem;border:1px solid var(--ts-border);border-radius:50%;background:#fff;cursor:pointer;transition:all .15s ease}.dark.svelte-t50qqq .btn-icon-only:where(.svelte-t50qqq){background:#222;border-color:#444;color:#fff}.btn-icon-only.svelte-t50qqq:hover{background:var(--ts-bg-alt)}.btn-icon-only.svelte-t50qqq .btn-icon:where(.svelte-t50qqq){width:20px;height:20px}@media(max-width:768px){.timer-page.svelte-t50qqq{height:auto;min-height:100vh;overflow:auto}.timer-layout.svelte-t50qqq{flex-direction:column;overflow:visible}.sidebar.svelte-t50qqq{width:100%;min-width:100%;border-right:none;border-bottom:1px solid var(--ts-border);flex-direction:row;flex-wrap:wrap;padding:.5rem;gap:.5rem}.sidebar-hero.svelte-t50qqq{width:100%;border-left:3px solid #2196F3;padding:.35rem .5rem}.sidebar-hero-title.svelte-t50qqq{font-size:1.1rem}.sidebar-section.svelte-t50qqq,.sidebar-footer.svelte-t50qqq{width:100%}.panel-show.svelte-t50qqq{top:auto;bottom:60px}.timer-time.svelte-t50qqq{font-size:clamp(3rem,18vw,8rem)}}