.pomodoro-preview.svelte-1gvttr4{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1.5rem}.mode-tabs.svelte-1gvttr4{display:flex;gap:.25rem;background:var(--color-bg-elevated);border-radius:12px;padding:4px;width:100%;max-width:380px}.mode-tab.svelte-1gvttr4{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:none;border-radius:10px;background:transparent;color:var(--color-text-muted);font-size:.8rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s ease;white-space:nowrap}.mode-tab.svelte-1gvttr4:hover:not(:disabled){color:var(--color-text);background:var(--color-bg-card)}.mode-tab.active.svelte-1gvttr4{background:var(--color-bg-card);color:var(--color-text);font-weight:600;box-shadow:0 1px 3px #0000001a}.mode-tab.svelte-1gvttr4:disabled{opacity:.5;cursor:not-allowed}.timer-container.svelte-1gvttr4{position:relative;width:280px;height:280px}.timer-ring.svelte-1gvttr4{width:100%;height:100%}.progress-ring.svelte-1gvttr4{transition:stroke-dashoffset .3s ease}.timer-center.svelte-1gvttr4{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.timer-mode-label.svelte-1gvttr4{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px}.timer-display.svelte-1gvttr4{font-size:3.5rem;font-weight:700;color:var(--color-text);font-variant-numeric:tabular-nums;line-height:1;font-family:Inter,system-ui,sans-serif}.timer-subtitle.svelte-1gvttr4{font-size:.8rem;color:var(--color-text-muted);margin-top:6px}.controls.svelte-1gvttr4{display:flex;align-items:center;gap:1rem}.control-btn.svelte-1gvttr4{display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all .2s ease;font-family:inherit}.control-btn.primary.svelte-1gvttr4{width:72px;height:72px;border-radius:50%;background:var(--btn-color, #ef4444);color:#fff;box-shadow:0 4px 14px color-mix(in srgb,var(--btn-color, #ef4444) 40%,transparent)}.control-btn.primary.svelte-1gvttr4:hover{transform:scale(1.05);box-shadow:0 6px 20px color-mix(in srgb,var(--btn-color, #ef4444) 50%,transparent)}.control-btn.primary.svelte-1gvttr4:active{transform:scale(.95)}.control-btn.secondary.svelte-1gvttr4{width:48px;height:48px;border-radius:50%;background:var(--color-bg-elevated);color:var(--color-text-muted);border:2px solid var(--color-border)}.control-btn.secondary.svelte-1gvttr4:hover:not(:disabled){color:var(--color-text);border-color:var(--color-text-muted)}.control-btn.secondary.svelte-1gvttr4:disabled{opacity:.3;cursor:not-allowed}.stats-grid.svelte-1gvttr4{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;width:100%;max-width:320px}.stat-card.svelte-1gvttr4{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--color-bg-elevated);border-radius:12px;border:1px solid var(--color-border)}.stat-icon.svelte-1gvttr4{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;flex-shrink:0}.stat-info.svelte-1gvttr4{display:flex;flex-direction:column}.stat-value.svelte-1gvttr4{font-size:1.1rem;font-weight:700;color:var(--color-text);line-height:1.2}.stat-label.svelte-1gvttr4{font-size:.7rem;color:var(--color-text-muted)}.session-dots.svelte-1gvttr4{display:flex;align-items:center;gap:8px}.session-dot.svelte-1gvttr4{width:10px;height:10px;border-radius:50%;background:var(--color-border);transition:all .3s ease}.session-dot.completed.svelte-1gvttr4{background:var(--dot-color, #ef4444);box-shadow:0 0 8px color-mix(in srgb,var(--dot-color, #ef4444) 40%,transparent)}.dots-label.svelte-1gvttr4{font-size:.7rem;color:var(--color-text-muted);margin-left:4px}.keyboard-hint.svelte-1gvttr4{font-size:.7rem;color:var(--color-text-muted);opacity:.6}.keyboard-hint.svelte-1gvttr4 kbd:where(.svelte-1gvttr4){display:inline-block;padding:2px 6px;font-size:.65rem;font-family:Inter,monospace;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:4px}@media(max-width:480px){.timer-container.svelte-1gvttr4{width:240px;height:240px}.timer-display.svelte-1gvttr4{font-size:2.8rem}.mode-tab.svelte-1gvttr4{font-size:.7rem;padding:6px 8px}}