.sync-indicator{min-height:32px;color:var(--muted);justify-content:center;align-items:center;display:flex}.mobile-utilities .sync-indicator{flex:none;width:28px;height:44px}.sync-notice{border-block-end:1px solid var(--line);flex-shrink:0}.sync-notice>svg{flex:none}.sync-notice[data-sync-state=error]>svg{color:var(--danger)}.sync-notice-copy{overflow-wrap:anywhere;gap:2px;min-width:0;display:grid}.sync-notice-detail{color:var(--muted)}.app-shell{--navigation-selection:var(--accent)}.app-sidebar{flex:none;block-size:100dvh;inline-size:96px;padding:16px 10px;position:sticky;inset-block-start:0}.navigation-panel{border-radius:30px;block-size:100%;overflow:visible}.navigation-panel>.glass-control-surface{scrollbar-width:none;flex-direction:column;align-items:center;gap:18px;block-size:100%;padding:12px 10px 14px;display:flex;overflow-y:auto}.navigation-panel>.glass-backdrop{overflow:hidden}.navigation-panel>.glass-control-surface,.mobile-navigation>.glass-control-surface{background:var(--glass-fill);border:1px solid var(--glass-edge);box-shadow:inset 0 1px 0 var(--glass-highlight), 0 8px 28px var(--glass-shadow);-webkit-backdrop-filter:blur(24px)saturate(1.4)}.navigation-panel>.glass-backdrop,.mobile-navigation>.glass-backdrop{background:0 0}.desktop-nav,.sidebar-secondary{flex-direction:column;align-items:center;gap:14px;inline-size:100%;display:flex}.desktop-nav a,.sidebar-secondary a,.sidebar-secondary .button.icon-button{border:1px solid var(--control-ring);block-size:48px;inline-size:48px;min-inline-size:48px;color:var(--muted);background:0 0;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.desktop-nav a:hover,.sidebar-secondary a:hover{color:var(--text);background:var(--surface-soft)}.desktop-nav a.active{color:var(--on-accent);border-color:#0000}.sidebar-secondary a.active{color:var(--accent);background:var(--surface-soft)}.desktop-nav .navigation-indicator{box-shadow:0 4px 16px color-mix(in srgb, var(--accent) 22%, transparent);border-radius:50%}.sidebar-secondary{margin-block-start:auto;padding-block-start:24px}.sidebar-tooltip{background:var(--surface-soft);opacity:0;transition:opacity var(--motion-press) var(--motion-ease), transform var(--motion-press) var(--motion-ease), display var(--motion-press) allow-discrete, overlay var(--motion-press) allow-discrete;border-radius:16px;padding:10px 14px;font-size:.875rem;line-height:1.4;transform:translate(-3px)}.sidebar-tooltip:popover-open{opacity:1;transform:none}@starting-style{.sidebar-tooltip:popover-open{opacity:0;transform:translate(-3px)}}.mobile-navigation{display:none}@media (width<=760px){.app-sidebar{display:none}.mobile-navigation{z-index:40;min-block-size:var(--mobile-navigation-height);display:block;position:fixed;inset-block-end:var(--mobile-navigation-offset);inset-inline:12px}.mobile-navigation .glass-control-surface{min-block-size:var(--mobile-navigation-height)}.mobile-navigation nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}.mobile-navigation a{min-block-size:calc(var(--mobile-navigation-height) - 12px);color:var(--muted);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:.6875rem;display:flex}.mobile-navigation a.active{color:var(--on-accent)}.mobile-navigation .navigation-indicator{border-radius:18px}}@media (prefers-reduced-motion:reduce){.sidebar-tooltip{transition:none;transform:none}}@media (prefers-reduced-transparency:reduce),(forced-colors:active){.navigation-panel>.glass-control-surface,.mobile-navigation>.glass-control-surface{background:var(--surface);border-color:var(--line-strong);-webkit-backdrop-filter:none}}