/* Static shell snapshots avoid sidebar/root flashes; content transitions last 100ms. */
@view-transition { navigation: auto; }
#Top_bar { view-transition-name: kdf-topbar; }
.kdf-feed-left { view-transition-name: kdf-sidebar; }
.kdf-feed-right { view-transition-name: kdf-rightsidebar; }
.kdf-feed-main { view-transition-name: kdf-content; }
#Footer { view-transition-name: kdf-footer; }
::view-transition-group(*) { animation-duration: 100ms; animation-timing-function: ease-out; }
::view-transition-old(root), ::view-transition-new(root) { animation: none; mix-blend-mode: normal; }
::view-transition-group(kdf-topbar), ::view-transition-group(kdf-sidebar), ::view-transition-group(kdf-rightsidebar), ::view-transition-group(kdf-footer) { animation: none; }
::view-transition-old(kdf-topbar), ::view-transition-new(kdf-topbar), ::view-transition-old(kdf-sidebar), ::view-transition-new(kdf-sidebar), ::view-transition-old(kdf-rightsidebar), ::view-transition-new(kdf-rightsidebar), ::view-transition-old(kdf-footer), ::view-transition-new(kdf-footer) { animation: none; mix-blend-mode: normal; }
::view-transition-old(kdf-content), ::view-transition-new(kdf-content) { animation-duration: 100ms; animation-timing-function: ease-out; mix-blend-mode: normal; }
.kdf-nav-skeleton { position: fixed; inset: 0; z-index: 950; pointer-events: none; contain: paint; }
.kdf-nav-skeleton-region { position: absolute; box-sizing: border-box; overflow: hidden; padding: 12px; background: var(--kdf-bg, #f0f2f5); border-radius: 12px; }
.kdf-nav-skeleton-card { padding: 20px; margin: 0 0 18px; background: #fff; border-radius: 12px; }
.kdf-nav-skeleton-bar { display: block; height: 13px; margin: 0 0 14px; border-radius: 7px; background: #e4e7eb; animation: kdf-nav-pulse 1.3s ease-in-out infinite; }
.kdf-nav-skeleton-bar:first-child { width: 44%; height: 30px; }
.kdf-nav-skeleton-bar:nth-child(3) { width: 76%; }
.kdf-nav-skeleton-bar:last-child { height: 92px; margin-bottom: 0; }
.kdf-nav-status { position: fixed; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@keyframes kdf-nav-pulse { 50% { opacity: .45; } }
@media (prefers-reduced-motion: reduce) {
    .kdf-nav-skeleton-bar { animation: none; }
    ::view-transition-old(root), ::view-transition-new(root), ::view-transition-group(kdf-topbar), ::view-transition-group(kdf-sidebar), ::view-transition-group(kdf-footer) { animation: none; }
}
.kdf-nav-skeleton-region--sidebar .kdf-nav-skeleton-card { padding: 12px; }
.kdf-nav-skeleton-region--sidebar .kdf-nav-skeleton-bar:first-child { width: 65%; height: 20px; }
.kdf-nav-skeleton-region--sidebar .kdf-nav-skeleton-bar:last-child { height: 42px; }
.kdf-nav-skeleton-region--navigation .kdf-nav-skeleton-card { padding: 12px 6px; margin-bottom: 8px; background: transparent; }
.kdf-nav-skeleton-region--navigation .kdf-nav-skeleton-bar { width: 85%; height: 20px; }
@media (prefers-reduced-motion: reduce) {
    ::view-transition-group(*), ::view-transition-old(*), ::view-transition-new(*) { animation: none; }
}