.pp-nav[data-v-4c6cab91]{border-radius:var(--radius-md);width:100%;height:40px;color:var(--text-secondary);font:var(--fw-medium) 14px/1 var(--font-sans);text-align:left;cursor:pointer;transition:background-color var(--dur-quick) var(--ease-calm);background:0 0;border:1px solid #0000;align-items:center;gap:12px;padding:0 12px;text-decoration:none;display:flex}@media (pointer:coarse){.pp-nav[data-v-4c6cab91]{height:var(--touch-min)}}.l[data-v-4c6cab91]{flex:1}.active[data-v-4c6cab91]{background:var(--surface-card);border-color:var(--border-subtle);box-shadow:var(--shadow-glass);color:var(--text-primary);font-weight:var(--fw-semibold)}.active .ic[data-v-4c6cab91]{color:var(--accent-text)}@media (hover:hover) and (pointer:fine){.pp-nav[data-v-4c6cab91]:not(.active):hover{background:var(--surface-hover)}}.count[data-v-4c6cab91]{min-width:22px;height:20px;font-size:12px;font-weight:var(--fw-medium);font-variant-numeric:tabular-nums;background:var(--surface-sunken);color:var(--text-muted);border-radius:99px;place-items:center;padding:0 6px;display:grid}.active .count[data-v-4c6cab91]{background:var(--highlight-soft);color:var(--highlight-text)}.pp-nav[data-v-4c6cab91]:focus-visible{box-shadow:var(--shadow-focus);outline:none}.pp-sync[data-v-14f29b14]{color:var(--text-muted);white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:inline-flex}.icons[data-v-14f29b14]{flex:none;width:16px;height:16px;position:relative}.ic[data-v-14f29b14]{opacity:0;filter:blur(4px);place-items:center;transition:opacity .3s cubic-bezier(.2,0,0,1),transform .3s cubic-bezier(.2,0,0,1),filter .3s cubic-bezier(.2,0,0,1);display:grid;position:absolute;inset:0;transform:scale(.25)}.ic.on[data-v-14f29b14]{opacity:1;filter:none;transform:none}.st-offline[data-v-14f29b14]{color:var(--highlight-text)}.st-error[data-v-14f29b14]{color:var(--danger)}.st-syncing .ic.on[data-v-14f29b14] svg{animation:1.4s linear infinite pp-turn-14f29b14}@keyframes pp-turn-14f29b14{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.ic[data-v-14f29b14]{filter:none;transition:opacity .2s;transform:none}.st-syncing .ic.on[data-v-14f29b14] svg{animation:none}}.shell[data-v-dbdd5753]{min-height:100dvh;color:var(--text-primary);display:flex;container:shell/inline-size}.shell.demo[data-v-dbdd5753]{height:100%;min-height:100%}.main[data-v-dbdd5753]{flex-direction:column;flex:1;min-width:0;display:flex}.sidebar[data-v-dbdd5753]{display:none}.topbar[data-v-dbdd5753]{z-index:10;min-height:var(--topbar-h);padding:max(8px,env(safe-area-inset-top)) max(var(--gutter),env(safe-area-inset-right)) 8px max(var(--gutter),env(safe-area-inset-left));background:color-mix(in oklab,var(--surface-card-solid) 90%,transparent);border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(var(--blur-heavy)) saturate(1.2);grid-template-columns:32px 1fr 32px;align-items:center;gap:12px;display:grid;position:sticky;top:0}.top-brand[data-v-dbdd5753]{place-items:center;width:32px;height:32px;display:grid}.top-title[data-v-dbdd5753]{text-align:center;font:var(--fw-regular) var(--fs-title)/1.2 var(--font-display)}.topbar[data-v-dbdd5753] .pp-sync{justify-self:end}.content[data-v-dbdd5753]{width:100%;max-width:var(--reading-max);padding:var(--space-7) max(var(--gutter),env(safe-area-inset-right)) var(--space-9) max(var(--gutter),env(safe-area-inset-left));flex:1;margin-inline:auto}.content.wide[data-v-dbdd5753]{max-width:var(--content-max)}.focus .content[data-v-dbdd5753]{max-width:720px;padding-top:max(var(--space-6),env(safe-area-inset-top));padding-bottom:max(var(--space-6),env(safe-area-inset-bottom))}.tabbar[data-v-dbdd5753]{z-index:10;padding:4px max(8px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:color-mix(in oklab,var(--surface-card-solid) 90%,transparent);border-top:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(var(--blur-heavy)) saturate(1.2);grid-template-columns:repeat(5,1fr);display:grid;position:sticky;bottom:0}.tab[data-v-dbdd5753]{min-height:50px;color:var(--text-muted);font:var(--fw-medium) 11px/1 var(--font-sans);border-radius:var(--radius-md);transition:color var(--dur-quick) var(--ease-calm);flex-direction:column;justify-content:center;align-items:center;gap:3px;text-decoration:none;display:flex}.tab[aria-current=page][data-v-dbdd5753]{color:var(--accent-text);font-weight:var(--fw-semibold)}.tab[data-v-dbdd5753]:active{background:var(--surface-press)}.tab-ic[data-v-dbdd5753]{position:relative}.tab-dot[data-v-dbdd5753]{background:var(--highlight);width:8px;height:8px;box-shadow:0 0 0 2px var(--bg-canvas);border-radius:99px;position:absolute;top:-1px;right:-3px}@container shell (width>=1024px){.sidebar[data-v-dbdd5753]{height:100dvh;width:var(--sidebar-w);align-self:flex-start;gap:var(--space-7);padding:max(var(--space-5),env(safe-area-inset-top)) var(--space-5) var(--space-5) max(var(--space-5),env(safe-area-inset-left));background:var(--surface-glass);border-right:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(var(--blur-heavy));flex-direction:column;flex:none;display:flex;position:sticky;top:0}.demo .sidebar[data-v-dbdd5753]{height:100%}.tabbar[data-v-dbdd5753],.topbar[data-v-dbdd5753]{display:none}.content[data-v-dbdd5753]{padding:var(--space-10) var(--space-10) var(--space-11)}}.brand[data-v-dbdd5753]{padding:8px 8px 0;text-decoration:none;display:inline-flex}.side-nav[data-v-dbdd5753]{flex-direction:column;gap:2px;display:flex}.spacer[data-v-dbdd5753]{flex:1}.next[data-v-dbdd5753]{border-radius:var(--radius-md);gap:4px;display:grid}.next-days[data-v-dbdd5753]{font:var(--fw-regular) var(--fs-display-s)/1.1 var(--font-display)}.side-foot[data-v-dbdd5753]{gap:12px;display:grid}.side-foot[data-v-dbdd5753] .pp-sync{padding-inline:4px}
