.ph-status.svelte-9dggv{display:flex;justify-content:space-between;align-items:center;padding:12px 22px 4px;font-size:11px;font-weight:600;color:var(--color-text-primary)}.ph-status-right.svelte-9dggv{letter-spacing:.04em}.ph-appbar.svelte-9dggv{display:flex;align-items:center;gap:10px;padding:4px 14px 8px;color:var(--color-text-primary)}.ph-title.svelte-9dggv{font-size:17px;font-weight:700;letter-spacing:-.01em}.ph-sync-pill.svelte-9dggv{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:999px;border:1px solid color-mix(in oklab,#9E2F1E 30%,transparent);background:color-mix(in oklab,#9E2F1E 10%,transparent);color:#9e2f1e;font-size:9.5px;font-weight:700}.ph-sync-dot.svelte-9dggv{width:5px;height:5px;border-radius:50%;background:#16a34a}.ph-spacer.svelte-9dggv{flex:1}.ph-appbar.svelte-9dggv svg{color:var(--color-text-secondary)}.ph-grid-area.svelte-9dggv{flex:1;display:grid;grid-template-columns:1fr 14px;overflow:hidden}.ph-grid.svelte-9dggv{overflow:hidden;padding:0 2px 0 0}.ph-month-header.svelte-9dggv{padding:8px 12px 6px;font-size:11px;font-weight:700;color:var(--color-text-primary);background:var(--color-bg-base)}.ph-tiles.svelte-9dggv{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;padding:0 2px}.ph-tile.svelte-9dggv{aspect-ratio:1;border-radius:2px;overflow:hidden;background:var(--color-bg-surface)}.ph-tile.svelte-9dggv img:where(.svelte-9dggv){width:100%;height:100%;object-fit:cover;display:block}.ph-scrub.svelte-9dggv{display:flex;flex-direction:column;align-items:center;padding:6px 0;gap:4px;background:var(--color-bg-surface)}.ph-scrub-month.svelte-9dggv{font-size:8px;font-weight:700;color:var(--color-text-tertiary);line-height:1}.ph-scrub-month.active.svelte-9dggv{color:#fff;background:#9e2f1e;border-radius:999px;padding:2px 4px}.ph-bottomnav.svelte-9dggv{display:grid;grid-template-columns:repeat(4,1fr);padding:6px 0 12px;background:var(--color-bg-surface);border-top:1px solid var(--color-border-subtle)}.ph-nav.svelte-9dggv{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10px;font-weight:500;color:var(--color-text-tertiary)}.ph-nav.active.svelte-9dggv{color:#9e2f1e;font-weight:700}.ph-nav.active.svelte-9dggv svg{background:color-mix(in oklab,#9E2F1E 18%,transparent);border-radius:999px;padding:2px 8px;box-sizing:content-box}