/* A single native video; poster, loading state and controls never stack with an embed. */
.reels-stream{touch-action:pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.reel-slide{height:100%;min-height:100%;touch-action:pan-y}
.reel-stage{background:#000;overflow:visible}
.reel-video{z-index:0;object-fit:contain;background:#000}
.reel-poster{z-index:1;pointer-events:none;transition:opacity .18s}
.reel-card .photo>img,.reel-poster>img{width:100%;height:100%;object-fit:cover}
.reel-stage.is-playing .reel-poster,.reel-stage[data-player-state="paused"] .reel-poster,.reel-stage[data-player-state="buffering"] .reel-poster{opacity:0}
.reel-stage-gradient{z-index:2;inset:65% 0 0;background:linear-gradient(transparent,#0009)}
.reel-tap-area{z-index:3;touch-action:pan-y;background:transparent;border:0}
.reel-caption{right:18px;bottom:25px;left:19px;z-index:4;pointer-events:none}
.reel-caption h2{font-size:14px;font-weight:500;line-height:1.65;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 7px #0008}
.reel-actions{z-index:5;gap:19px}
.reel-action{min-width:44px;min-height:44px;touch-action:manipulation}
.reel-action svg{width:25px;height:25px}
.reel-like>span{font-variant-numeric:tabular-nums;white-space:nowrap}
.reel-sound{width:44px;height:44px;background:#ffffff1e;backdrop-filter:blur(8px)}
.reel-sound svg{width:20px;height:20px}
.reel-sound[aria-pressed="true"]{background:#ffffff30}
.reel-load-status{position:absolute;inset:0;z-index:4;display:none;flex-direction:column;align-items:center;justify-content:center;gap:13px;padding:30px;text-align:center;pointer-events:none;font-size:12px;color:#fff;text-shadow:0 1px 6px #0008}
.reel-stage.is-loading .reel-load-status,.reel-stage.is-unavailable .reel-load-status{display:flex}
.reel-loading-spinner{width:27px;height:27px;border:2px solid #ffffff30;border-top-color:#fff;border-radius:50%;animation:reel-loading-turn .85s linear infinite}
.reel-load-status>button,.reel-load-status>a{display:none;pointer-events:auto;touch-action:manipulation}
.reel-stage.is-unavailable .reel-loading-spinner{display:none}
.reel-stage.is-unavailable .reel-load-status{background:#0007;border-radius:inherit}
.reel-stage.is-unavailable .reel-load-status>button,.reel-stage.is-unavailable .reel-load-status>a{display:block}
.reel-retry{padding:11px 17px;min-height:44px;border:1px solid #fff5;border-radius:20px;background:#fff2;color:#fff;font-size:12px;cursor:pointer}
.reel-load-status>a{color:#e5d9f0;font-size:11px;text-decoration:underline}
.reel-playback-progress{pointer-events:none}
.reel-action:focus-visible,.reel-retry:focus-visible,.reels-close:focus-visible,.reel-tap-area:focus-visible{outline:2px solid #fff;outline-offset:3px}
.comment-identity{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:0 0 12px}.comment-identity .comment-account{margin:0}.comment-anonymity{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:400;color:var(--muted,#817389);cursor:pointer;min-height:36px}.comment-anonymity input{width:16px;height:16px;margin:0;padding:0;accent-color:#843cf0;flex-shrink:0}.reel-comments .comment-anonymity{color:inherit}.comment-anonymity input:focus-visible{outline:2px solid #843cf0;outline-offset:3px}
@media(max-width:740px){.reel-slide{padding:0}.reel-stage{width:100%;max-width:none;height:100%;border-radius:0}.reel-video,.reel-poster{border-radius:0}.reel-caption{left:17px;right:75px;bottom:max(30px,calc(env(safe-area-inset-bottom,0px) + 22px))}.reel-caption h2{font-size:13px}.reel-actions{left:auto;right:12px;bottom:max(28px,calc(env(safe-area-inset-bottom,0px) + 18px));gap:14px}.reel-action{min-width:44px;min-height:44px}.reel-sound{width:44px;height:44px}.reel-sound svg{width:20px;height:20px}.reel-load-status{padding:25px 70px 25px 25px}.reels-close{min-width:44px;min-height:44px}}
@media(prefers-reduced-motion:reduce){.reel-poster{transition:none}.reel-loading-spinner{animation:none}}
@keyframes reel-loading-turn{to{transform:rotate(360deg)}}