.flow-page{position:relative;height:100%;min-height:0;background:#000;color:#fff}.flow-scroller{flex:1 1 0;min-height:0;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none}.flow-scroller::-webkit-scrollbar{display:none}.flow-slide{display:flex;align-items:center;justify-content:center;gap:18px;scroll-snap-align:start;scroll-snap-stop:always;box-sizing:border-box}.flow-slide,.flow-stage{position:relative;height:100%}.flow-stage{aspect-ratio:9/16;max-width:100%;overflow:hidden;background:#000}.flow-stage .clannect-video-player-root,.flow-stage video,.flow-stage-image{width:100%;height:100%;object-fit:contain;background:#000}.flow-carousel,.flow-stage .clannect-video-player-root{position:absolute;inset:0}.flow-carousel-track{display:flex;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x pan-y}.flow-carousel-track::-webkit-scrollbar{display:none}.flow-carousel-slide{flex:0 0 100%;width:100%;height:100%;object-fit:contain;scroll-snap-align:center;scroll-snap-stop:always;background:#000}.flow-carousel-dots{position:absolute;left:0;right:0;top:76%;z-index:5;display:flex;justify-content:center;gap:2px;pointer-events:auto}.flow-carousel-dots button{display:grid;width:16px;height:16px;place-items:center;padding:0;border:0;background:transparent;cursor:pointer}.flow-carousel-dots button:after{content:"";width:4px;height:4px;border-radius:999px;background:rgba(255,255,255,.38)}.flow-carousel-dots button.is-active:after{background:#fff}.flow-carousel-arrow{display:none}@media (min-width:768px){.flow-carousel-arrow{position:absolute;top:50%;z-index:6;display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;border:0;border-radius:999px;background:rgba(0,0,0,.45);color:#fff;font-size:1.3rem;line-height:1;transform:translateY(-50%);cursor:pointer}.flow-carousel-arrow--prev{left:12px}.flow-carousel-arrow--next{right:12px}.flow-carousel-arrow:hover:not(:disabled){background:rgba(255,255,255,.22)}.flow-carousel-arrow:disabled{cursor:default;opacity:.35}}.flow-meta{position:absolute;right:0;bottom:0;left:0;z-index:4;display:flex;flex-direction:column;gap:8px;padding:56px 16px 52px;background:linear-gradient(0deg,rgba(0,0,0,.72),rgba(0,0,0,0));pointer-events:none}.flow-author{gap:8px;max-width:100%;padding:0;border:0;background:transparent;color:#fff;text-align:left;pointer-events:auto;cursor:pointer}.flow-author,.flow-author-name{display:inline-flex;align-items:center}.flow-author-name{gap:4px;min-width:0;font-family:var(--font-space-grotesk),sans-serif;font-size:.95rem;font-weight:600}.flow-caption{max-width:36rem;color:rgba(255,255,255,.92);font-size:.875rem;pointer-events:auto}.flow-rail .post-actions{flex-direction:column;align-items:center;gap:6px}.flow-rail .post-action-btn{flex-direction:column;justify-content:center;gap:2px;min-width:52px;min-height:52px;padding:6px;border-radius:12px;color:#fff}.flow-rail .post-action-btn:not(.is-active):not(.is-liked):not(.is-reposted):not(.is-comment-active) svg{color:#fff}.flow-rail .post-action-btn:hover:not(.is-disabled):not(.is-active):not(.is-liked):not(.is-reposted):not(.is-comment-active){color:#fff;background-color:rgba(255,255,255,.05)}.flow-rail .post-action-btn.is-active{color:#f87171}.flow-rail .post-action-btn.is-liked{color:#ff1a1a}.flow-rail .post-action-btn.is-reposted{color:#c084fc}.flow-rail .post-action-btn.is-comment-active{color:#60a5fa}.flow-rail .post-action-btn.is-disabled{opacity:.45;cursor:not-allowed}.flow-rail .animate-action-pop{transform-origin:center;animation:actionButtonPop .4s cubic-bezier(.34,1.56,.64,1)}.flow-rail--desktop{display:none;color:var(--clannect-text-primary)}.flow-rail--mobile{position:absolute;right:8px;bottom:88px;z-index:5;display:flex;color:#fff}.flow-rail-skeleton{flex-direction:column;align-items:center;gap:6px}.flow-comments-scrim{position:absolute;inset:0;z-index:12;border:0;background:rgba(0,0,0,.45);cursor:pointer}.flow-comments{position:absolute;right:0;bottom:0;left:0;z-index:20;display:flex;height:50%;flex-direction:column;overflow:hidden;border-radius:18px 18px 0 0;background:#141414;color:#fff;box-shadow:0 -12px 40px rgba(0,0,0,.45);animation:flow-comments-rise .32s cubic-bezier(.22,1,.36,1)}.flow-comments-grabber{width:36px;height:4px;flex:0 0 auto;margin:8px auto 0;border-radius:999px;background:rgba(255,255,255,.28)}.flow-comments-bar{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;padding:8px 12px 10px;border-bottom:1px solid rgba(255,255,255,.08)}.flow-comments-title{display:inline-flex;align-items:baseline;gap:8px;margin:0;font-family:var(--font-space-grotesk),sans-serif;font-size:.95rem;font-weight:600}.flow-comments-title span{color:rgba(255,255,255,.55);font-size:.8rem;font-weight:500}.flow-comments-close{display:inline-flex;padding:6px;border:0;border-radius:8px;background:transparent;color:#fff;cursor:pointer}.flow-comments-close:hover{background:rgba(255,255,255,.08)}.flow-comments-list{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:12px 12px 8px}.flow-comments-empty{margin:28px 12px;color:rgba(255,255,255,.62);font-size:.875rem;text-align:center}.flow-comment-replies,.flow-comments-thread{margin:0;padding:0;list-style:none}.flow-comments-thread{display:flex;flex-direction:column;gap:14px}.flow-comment-replies{display:flex;flex-direction:column;gap:10px;margin-top:10px;padding-left:42px}.flow-comment-row{display:flex;align-items:flex-start;gap:10px}.flow-comment-avatar{flex:0 0 auto;padding:0;border:0;background:transparent;cursor:pointer}.flow-comment-avatar:disabled{cursor:default}.flow-comment-main{min-width:0;flex:1 1 auto}.flow-comment-name{display:flex;min-width:0;flex-wrap:wrap;align-items:center;gap:6px}.flow-comment-name>button{min-width:0;max-width:100%;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;text-align:left}.flow-comment-name>button:disabled{cursor:default}.flow-comment-op{color:rgba(255,255,255,.55);font-size:10px;font-weight:700;letter-spacing:.04em}.flow-comment-time{color:rgba(255,255,255,.45);font-size:11px}.flow-comment-text{margin-top:2px;color:rgba(255,255,255,.92);font-size:.875rem;line-height:1.35;overflow-wrap:anywhere}.flow-comment-reply{display:inline-flex;align-items:center;gap:4px;margin-top:6px;padding:0;border:0;background:transparent;color:rgba(255,255,255,.5);font-size:12px;font-weight:600;cursor:pointer}.flow-comment-reply:hover:not(:disabled){color:#fff}.flow-comment-reply:disabled{cursor:default;opacity:.45}.flow-comment-like{display:inline-flex;flex:0 0 auto;flex-direction:column;align-items:center;gap:2px;margin-top:2px;padding:2px;border:0;background:transparent;color:rgba(255,255,255,.55);font-size:11px;cursor:pointer}.flow-comment-like.is-liked{color:#ff4234}.flow-comment-like:disabled{cursor:default}.flow-comment-reply-box{margin-top:8px;padding-left:44px}.flow-comments-composer{flex:0 0 auto;padding:8px 10px calc(10px + env(safe-area-inset-bottom, 0px));border-top:1px solid rgba(255,255,255,.08);background:#141414}.flow-comments-input,.flow-comments-input>.flex{width:100%;min-width:0}.flow-comments-skeleton{display:flex;flex-direction:column;gap:16px;margin:0;padding:4px 2px 8px;list-style:none}.flow-comment-skeleton{display:flex;align-items:flex-start;gap:10px}.flow-comment-skeleton-avatar{width:34px;height:34px;flex:0 0 auto}.flow-comment-skeleton-copy{display:flex;min-width:0;flex:1 1 auto;flex-direction:column;gap:8px;padding-top:4px}.flow-comment-skeleton-name{width:96px;height:12px}.flow-comment-skeleton-line{width:100%;height:12px}.flow-comment-skeleton-line.is-short{width:68%}@keyframes flow-comments-rise{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes flow-comments-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.flow-empty{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;text-align:center}.flow-empty h1{margin:0;font-size:1.25rem}.flow-empty p{margin:0;max-width:22rem;color:rgba(255,255,255,.7)}@media (min-width:768px){.flow-page{background:var(--clannect-bg-primary,#0c0c0c)}.flow-slide{padding:16px 12px}.flow-stage{height:100%;border-radius:16px}.flow-slide:has(.flow-comments) .flow-stage{max-width:min(46%,calc(100dvh * 9 / 16))}.flow-rail--mobile{display:none}.flow-rail--desktop{display:flex;align-self:center}.flow-meta{padding-right:16px}.flow-comments-scrim{display:none}.flow-comments{position:relative;top:auto;right:auto;bottom:auto;left:auto;z-index:6;height:100%;width:auto;max-width:min(440px,42vw);aspect-ratio:9/16;flex:0 1 auto;border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:none;animation:flow-comments-fade .2s ease}.flow-comments-grabber{display:none}}@media (max-width:767px){.flow-page{box-sizing:border-box;padding-bottom:var(--mobile-bottom-bar-h,4rem)}.flow-stage{width:100%;height:100%;max-height:100%;aspect-ratio:auto}.flow-stage video,.flow-stage-image{object-fit:contain}.flow-meta{padding-right:72px;padding-bottom:48px}.flow-rail--mobile{bottom:72px}.flow-scroller:has(.flow-comments){overflow:hidden;scroll-snap-type:none}.flow-comments-scrim{top:0}.flow-comments,.flow-comments-scrim{position:fixed;right:0;bottom:var(--mobile-bottom-bar-h,0);left:0}.flow-comments{top:auto;width:100%;max-width:none;height:calc((100dvh - var(--topbar-h, 60px) - var(--mobile-bottom-bar-h, 0px)) / 2);aspect-ratio:auto}.flow-comments-input .flex.items-end.gap-2,.flow-comments-input .rounded-xl.border{flex-wrap:wrap;width:100%}.flow-comments-input .rounded-xl.border>.flex-shrink-0{order:2}.flow-comments-input .rounded-xl.border>.relative{order:1;flex:1 0 100%;width:100%}}@media (prefers-reduced-motion:reduce){.flow-comments{animation:none}}