/* Thread detail retains one live list and one same-document entrance. */
.fb-thread-screen{position:fixed;inset:0;z-index:110;background:#fff;color:#282828;transform:translate3d(100%,0,0);transition:transform .6s cubic-bezier(.22,.72,.2,1);isolation:isolate;}
.fb-thread-screen.is-open{transform:translate3d(0,0,0);}
.fb-thread-screen.is-closing{transform:translate3d(100%,0,0);pointer-events:none;}
.fb-thread-screen-scroll{height:100%;overflow-y:scroll;overflow-x:hidden;overscroll-behavior-y:contain;overflow-anchor:none;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;}
.fb-thread-screen .fb-thread-header{position:relative;}
.fb-thread-screen .fb-thread-header .top-bar{position:fixed;top:0;left:0;right:0;z-index:5;background:#fff;}
.fb-thread-screen .fb-thread-actions{z-index:5;}
.fb-thread-screen .fb-thread-layout{min-width:0;}
.fb-thread-screen .fb-thread-media,.fb-thread-screen .fb-thread-content{min-width:0;}
.fb-thread-screen .postlist{margin-bottom:0;}
.fb-thread-screen .fb-thread-footer-space{height:49px;background:#fff;}
.fb-thread-screen [data-fb-screen-author]{font-size:14px;font-weight:600;}
.fb-thread-screen .fb-screen-author-avatar{width:30px;height:30px;border-radius:50%;object-fit:cover;vertical-align:middle;margin:0 5px 0 10px;}
.fb-screen-status{display:flex;align-items:center;gap:8px;margin:18px 15px;font-size:13px;line-height:1.6;color:#777;}
.fb-screen-spinner{width:16px;height:16px;flex:none;box-sizing:border-box;border:1.5px solid #e3e3e3;border-top-color:#949494;border-radius:50%;animation:fb-screen-wait .75s linear infinite;}
.fb-screen-status button,.fb-screen-status a{border:0;background:none;color:var(--fb-brand-text,#555);padding:8px;font:inherit;cursor:pointer;}
.fb-screen-media-placeholder{width:100%;box-sizing:border-box;background:#f5f6f7;display:flex;align-items:center;justify-content:center;}
.fb-thread-screen .fb-thread-layout .fb-screen-media-placeholder>img.fb-screen-cover{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:cover;margin:0;}
.fb-screen-gallery-placeholder:not(.fb-photo-frame){max-height:70svh;}
.fb-screen-title-cover{max-width:720px;margin:5px auto 20px;}
.fb-screen-text-placeholder{padding:5px 0;}
.fb-screen-text-placeholder i{display:block;height:11px;margin:12px 0;background:#f3f4f5;border-radius:2px;}
.fb-screen-text-placeholder i:last-child{width:62%;}
.fb-thread-screen[data-state="loading"] .fb-screen-status{margin:12px 0;}
.fb-thread-screen .fb-thread-media{position:relative;}
@keyframes fb-screen-wait{to{transform:rotate(360deg)}}
@media(min-width:720px){
 .fb-thread-screen .fb-thread-layout{width:calc(100% - 48px);max-width:760px;margin:24px auto;}
 .fb-thread-screen .fb-thread-header .top-bar{width:calc(100% - 48px);max-width:1160px;left:50%;right:auto;transform:translateX(-50%);}
 .fb-thread-screen .fb-thread-actions{width:calc(100% - 48px);max-width:760px;left:50%;transform:translateX(-50%);}
}
@media(min-width:840px){
 .fb-thread-screen .fb-thread-layout.fb-thread-has-media{--fb-thread-side:clamp(360px,calc((100vw - 48px)*.38),420px);display:grid;grid-template-columns:minmax(0,1fr) var(--fb-thread-side);gap:24px;max-width:1160px;align-items:start;}
 .fb-thread-screen .fb-thread-has-media .fb-thread-media{position:sticky;top:74px;background:#f1f1f1;border-radius:3px;overflow:hidden;}
 .fb-thread-screen .fb-thread-has-media .fb-thread-actions{width:var(--fb-thread-side);max-width:none;left:auto;right:max(24px,calc((100vw - 1160px)/2));transform:none;}
}
@media(prefers-reduced-motion:reduce){.fb-thread-screen{transition:none;}.fb-screen-spinner{animation:none;}}

body.fb-thread-screen-active #mask{z-index:115!important;}


/* Cross-document snapshots keep the old page visible until the next page can render. */
@view-transition { navigation: auto; }
:root { --fb-column-in: 100%; --fb-column-out: -100%; }
:root[data-fb-primary-direction="right"] { --fb-column-in: -100%; --fb-column-out: 100%; }
::view-transition-group(root) { animation-duration: 280ms; animation-timing-function: cubic-bezier(.22,.68,.2,1); }
::view-transition-image-pair(root) { isolation: isolate; }
::view-transition-old(root), ::view-transition-new(root) {
    animation-duration: 280ms;
    animation-timing-function: cubic-bezier(.22,.68,.2,1);
    animation-fill-mode: both;
    mix-blend-mode: normal;
}
::view-transition-old(root) { animation-name: fb-column-out; }
::view-transition-new(root) { animation-name: fb-column-in; }
@keyframes fb-column-out { to { transform: translateX(var(--fb-column-out)); } }
@keyframes fb-column-in { from { transform: translateX(var(--fb-column-in)); } }
@media (prefers-reduced-motion: reduce) { @view-transition { navigation: none; } }

/* Only the feed moves. Navigation stays mounted; loading and motion start together. */
.fb-column-switching{overflow-x:clip;}
.fb-column-outgoing,.fb-column-incoming{will-change:transform;background:#fff;}
.fb-column-outgoing{z-index:3;pointer-events:none;transform:translate3d(0,0,0);}
.fb-column-incoming{transform:translate3d(var(--fb-column-in),0,0);}
.fb-column-moving{transition:transform .28s cubic-bezier(.22,.68,.2,1);}
.fb-column-outgoing.fb-column-moving{transform:translate3d(var(--fb-column-out),0,0);}
.fb-column-incoming.fb-column-moving{transform:translate3d(0,0,0);}
[data-fb-column-content]{display:flow-root;min-height:calc(100svh - 150px);overflow-anchor:none;}
.wall.fb-column-placeholder{display:grid;grid-template-columns:repeat(var(--fb-feed-columns,2),minmax(0,1fr));gap:20px 2%;padding-top:10px;}
.fb-column-placeholder-card{min-width:0;}
.fb-column-placeholder-image{aspect-ratio:4/3;background:#f2f3f4;border-radius:3px;}
.fb-column-placeholder-card i{display:block;height:12px;margin-top:12px;width:88%;border-radius:2px;background:#f2f3f4;}
.fb-column-placeholder-card i:last-child{width:55%;}
[data-fb-column-content][data-state="loading"] .fb-column-placeholder-card{animation:fb-column-pulse 1.4s ease-in-out infinite alternate;}
@keyframes fb-column-pulse{to{opacity:.55;}}
@media(prefers-reduced-motion:reduce){.fb-column-placeholder-card{animation:none!important;}}
[data-fb-nav-notice] button{margin-left:8px;padding:4px 12px;background:transparent;border:1px solid currentColor;border-radius:4px;font:inherit;}
@media(prefers-reduced-motion:reduce){.fb-column-outgoing,.fb-column-incoming{transition:none;}}