.reels-body{overscroll-behavior:none;background:#000;overflow:hidden}.reels-viewport{scroll-snap-type:y mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;height:100dvh;overflow-y:auto}.reels-track{min-height:100%}.reel-slide{scroll-snap-align:start;scroll-snap-stop:always;background:#000;height:100dvh;position:relative;overflow:hidden}.reel-media{background:#000;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.reel-poster,.reel-inline-poster{object-fit:cover;width:100%;height:100%;transition:opacity .2s;position:absolute;inset:0}.reel-poster-fallback{background:linear-gradient(160deg,#1a1a1a,#0a0a0a 55%,#151515)}.reel-frame,.reel-inline-frame{z-index:3;position:absolute;inset:0;overflow:hidden}.reel-frame iframe,.reel-inline-frame iframe{background:#000;border:0;min-width:0;min-height:0;position:absolute}.reel-slide[data-aspect=portrait] .reel-frame iframe,.reel-inline-media[data-aspect=portrait] .reel-inline-frame iframe{width:100%;height:100%;top:0;left:0;transform:none}.reel-slide[data-aspect=portrait] .reel-poster,.reel-inline-media[data-aspect=portrait] .reel-inline-poster{object-fit:cover}.reel-slide[data-aspect=landscape] .reel-frame iframe,.reel-slide[data-aspect=square] .reel-frame iframe,.reel-inline-media[data-aspect=landscape] .reel-inline-frame iframe,.reel-inline-media[data-aspect=square] .reel-inline-frame iframe{width:100%;max-width:100%;height:56.25%;max-height:100%;top:50%;left:50%;transform:translate(-50%,-50%)}.reel-slide[data-aspect=landscape] .reel-poster,.reel-slide[data-aspect=square] .reel-poster,.reel-inline-media[data-aspect=landscape] .reel-inline-poster,.reel-inline-media[data-aspect=square] .reel-inline-poster{object-fit:contain}.reel-slide[data-provider=tiktok] .reel-frame{bottom:3.5rem}.reel-frame--instagram,.reel-slide[data-provider=instagram] .reel-frame{background:#000;bottom:5rem;overflow:hidden}.reel-frame--instagram iframe,.reel-slide[data-provider=instagram] .reel-frame iframe{width:100%;height:calc(100% + 3rem);top:-3rem;left:0;transform:none}.reel-slide[data-provider=instagram].is-active .reel-poster{opacity:0}.reel-slide[data-provider=youtube] .reel-frame{bottom:4.5rem}.reel-slide[data-aspect=landscape][data-provider=youtube] .reel-frame iframe{width:min(100vw,177.778dvh - 8rem);height:min(56.25vw,100dvh - 4.5rem)}.reel-play-hint{z-index:3;pointer-events:none;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.reel-slide.is-active .reel-play-hint{opacity:0}.reel-play-icon{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;border-radius:9999px;justify-content:center;align-items:center;width:4rem;height:4rem;padding-left:.2rem;font-size:1.5rem;display:flex}.reel-gradient{pointer-events:none;z-index:4;background:linear-gradient(#0000 0%,#00000073 55%,#000000eb 100%);height:40%;position:absolute;inset:auto 0 0}.reel-meta{padding:.85rem 1rem calc(.85rem + env(safe-area-inset-bottom));z-index:5;pointer-events:none;position:absolute;bottom:0;left:0;right:4.25rem}.reel-meta a,.reel-meta button{pointer-events:auto}.reel-meta h2,.reel-meta p{pointer-events:none}.reel-author{color:#fff;align-items:center;gap:.5rem;display:inline-flex}.reel-avatar{object-fit:cover;border:2px solid #ffffff59;border-radius:9999px;width:2.25rem;height:2.25rem}.reel-title{color:#fff;margin-top:.55rem;font-size:.95rem;font-weight:700;line-height:1.35}.reel-caption{color:#ffffffd1;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:.35rem;font-size:.8rem;line-height:1.45;display:-webkit-box;overflow:hidden}.reel-provider{text-transform:uppercase;letter-spacing:.04em;color:#ffffff8c;margin-top:.4rem;font-size:.65rem}.reel-sidebar{z-index:6;pointer-events:none;flex-direction:column;gap:.75rem;display:flex;position:absolute;top:50%;bottom:auto;right:.5rem;transform:translateY(-42%)}.reel-sidebar .reel-action,.reel-sidebar .reel-action-btn,.reel-sidebar form{pointer-events:auto}.reel-action-btn{color:#fff;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:.15rem;width:3rem;font-size:.65rem;font-weight:700;text-decoration:none;display:flex}.reel-action-btn svg{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000059;border-radius:9999px;width:1.65rem;height:1.65rem;padding:.55rem}.reel-action-btn.is-active svg{background:var(--accent)}.reel-action-btn.is-down.is-active svg{background:var(--danger)}.reel-volume-wrap{pointer-events:auto;flex-direction:column;align-items:center;gap:.35rem;display:flex}.reel-volume-slider{appearance:none;cursor:pointer;background:#ffffff59;border-radius:9999px;width:4.5rem;height:.2rem}.reel-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:0;border-radius:9999px;width:.85rem;height:.85rem}.reel-volume-slider::-moz-range-thumb{background:#fff;border:0;border-radius:9999px;width:.85rem;height:.85rem}.reel-action-btn.is-muted svg{opacity:.65}.reels-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:2rem;display:flex}.reels-loader{bottom:calc(1rem + env(safe-area-inset-bottom));z-index:40;position:fixed;left:50%;transform:translate(-50%)}.reels-loader-dot{background:#ffffffd9;border-radius:9999px;width:.55rem;height:.55rem;animation:.9s ease-in-out infinite reelPulse;display:block}@keyframes reelPulse{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}.reel-inline-player{border:1px solid var(--border-light);background:#000;border-radius:.9rem;margin-top:.75rem;overflow:hidden}.reel-inline-media{background:#111;width:100%;margin-left:auto;margin-right:auto;position:relative}.reel-inline-media[data-aspect=portrait]{aspect-ratio:9/16;width:min(100%,420px);max-height:min(80dvh,740px)}.reel-inline-media[data-aspect=landscape],.reel-inline-media[data-aspect=square]{aspect-ratio:16/9;max-height:24rem}.reel-inline-frame iframe{width:100%;min-width:0;height:100%;min-height:0;position:absolute;inset:0;transform:none}.reel-inline-play{z-index:4;color:#fff;cursor:pointer;background:#00000040;border:0;justify-content:center;align-items:center;font-size:2rem;transition:background .2s,opacity .2s;display:flex;position:absolute;inset:0}.reel-inline-player.is-playing .reel-inline-play,.reel-inline-player-autoplay.is-playing .reel-inline-play{opacity:0;pointer-events:none}.reel-inline-actions{background:var(--surface-elevated);justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem .85rem;display:flex}.reel-card-preview{border:1px solid var(--border-light);aspect-ratio:16/9;background:#000;border-radius:.9rem;max-height:18rem;margin-top:.75rem;display:block;position:relative;overflow:hidden}.reel-card-preview img{object-fit:cover;width:100%;height:100%}.reel-card-preview .reel-card-play{color:#fff;background:#00000047;justify-content:center;align-items:center;font-size:2.25rem;display:flex;position:absolute;inset:0}.reel-card-badge{text-transform:uppercase;letter-spacing:.05em;color:#fff;background:#0000008c;border-radius:9999px;padding:.2rem .55rem;font-size:.65rem;font-weight:700;position:absolute;top:.65rem;left:.65rem}@media (width>=768px){.reel-slide[data-aspect=landscape],.reel-slide[data-aspect=square]{justify-content:center;align-items:center;display:flex}.reel-slide[data-aspect=landscape] .reel-media,.reel-slide[data-aspect=square] .reel-media{aspect-ratio:16/9;border-radius:1rem;width:min(100%,177.778dvh - 7.11111rem);height:auto;max-height:calc(100dvh - 4rem);position:relative;inset:auto;box-shadow:0 20px 60px #00000073}.reel-slide[data-aspect=portrait]:not([data-provider=instagram]){justify-content:center;align-items:center;display:flex}.reel-slide[data-aspect=portrait]:not([data-provider=instagram]) .reel-media{aspect-ratio:9/16;border-radius:1rem;width:min(100%,420px);height:auto;max-height:calc(100dvh - 4rem);position:relative;inset:auto;box-shadow:0 20px 60px #00000073}.reel-slide[data-provider=instagram] .reel-media{aspect-ratio:auto;width:100%;height:100%;max-height:none;box-shadow:none;border-radius:0;position:absolute;inset:0}.reel-slide[data-aspect=landscape] .reel-frame iframe,.reel-slide[data-aspect=square] .reel-frame iframe,.reel-slide[data-aspect=portrait]:not([data-provider=instagram]) .reel-frame iframe,.reel-inline-frame iframe{width:100%;height:100%;top:0;left:0;transform:none}.reel-slide:not([data-provider=instagram]) .reel-gradient{border-radius:0 0 1rem 1rem;height:45%}.reel-slide:not([data-provider=instagram]) .reel-sidebar{top:50%;bottom:auto;right:calc(50% + -1*min(210px,88.8889dvh - 3.55556rem) - 3.5rem);transform:translateY(-42%)}.reel-slide:not([data-provider=instagram]):not([data-provider=tiktok]) .reel-meta{padding-bottom:1rem;left:max(.5rem,50% + -1*min(210px,88.8889dvh - 3.55556rem));right:calc(50% + min(210px,88.8889dvh - 3.55556rem) - 8rem)}.reel-slide[data-provider=tiktok] .reel-sidebar,.reel-slide[data-provider=instagram] .reel-sidebar{right:.5rem}.reel-slide[data-provider=instagram] .reel-meta{padding-bottom:calc(.85rem + env(safe-area-inset-bottom));left:0;right:4.25rem}}