.reels-page-wrap{max-width:640px;margin:0 auto;padding:24px 16px 60px}.reels-page-wrap .page-hero{margin-bottom:24px}.reels-feed-wrap{flex-direction:column;gap:16px;display:flex}.reels-filter-bar{z-index:10;margin-top:0;margin-bottom:12px;position:relative}.badge-reels{background:linear-gradient(135deg, var(--accent-primary,#ff6f61) 0%, var(--accent-secondary,#6c5ce7) 100%);border-radius:999px;padding:4px 12px;font-size:.73rem;font-weight:700;box-shadow:0 4px 12px #ff6f6140;color:#fff!important;border:none!important}.reel-media-wrap{justify-content:center;width:100%;margin-top:4px;display:flex}.reel-video-container,.reel-fallback-container{aspect-ratio:9/16;background:#000;border-radius:20px 10px;width:100%;max-width:320px;max-height:480px;position:relative;overflow:hidden;box-shadow:0 8px 24px #2b21181f}.reel-video-element{object-fit:cover;cursor:pointer;width:100%;height:100%;display:block}.reel-vignette-overlay{pointer-events:none;z-index:2;background:linear-gradient(#00000059 0%,#0000 25% 75%,#0000008c 100%);position:absolute;inset:0}.reel-video-overlay{pointer-events:none;z-index:3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.btn-reel-play{pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:52px;height:52px;color:var(--accent-primary,#ff6f61);cursor:pointer;opacity:1;background:#ffffffe0;border:1px solid #fff6;border-radius:50%;justify-content:center;align-items:center;font-size:1.3rem;transition:opacity .3s,transform .2s,background-color .2s;display:flex;box-shadow:0 6px 18px #2b211840}.reel-video-container.playing .btn-reel-play{opacity:0;pointer-events:none}.reel-video-container.playing:hover .btn-reel-play{opacity:.9;pointer-events:auto}.btn-reel-play:hover{background:#fff;transform:scale(1.12)}.reel-duration-badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-family:var(--font-body);letter-spacing:.04em;z-index:4;pointer-events:none;background:#000000b3;border-radius:6px;padding:3px 8px;font-size:.7rem;font-weight:700;position:absolute;bottom:40px;left:12px}.reel-controls-bar{opacity:0;z-index:5;align-items:center;gap:8px;padding:8px 12px;transition:opacity .3s;display:flex;position:absolute;bottom:0;left:0;right:0}.reel-video-container:hover .reel-controls-bar{opacity:1}.btn-reel-mute{cursor:pointer;color:#fff;background:0 0;border:none;padding:2px;font-size:1rem;transition:transform .2s}.btn-reel-mute:hover{transform:scale(1.15)}.reel-progress-wrap{flex:1;align-items:center;display:flex}.reel-progress-slider{appearance:none;cursor:pointer;width:100%;height:4px;accent-color:var(--accent-primary,#ff6f61);background:#ffffff4d;border-radius:2px;outline:none}.reel-progress-slider::-webkit-slider-thumb{appearance:none;background:#fff;border-radius:50%;width:10px;height:10px;box-shadow:0 1px 4px #0006}.reel-fallback-img{object-fit:cover;width:100%;height:100%}.post-actions-spacer{flex:1}.reel-skeleton-card{opacity:.7}.skeleton-avatar{background:#9c8f8233;border-radius:12px;width:46px;height:46px;animation:1.5s ease-in-out infinite reelShimmer}.skeleton-line{background:#9c8f8233;border-radius:6px;height:14px;animation:1.5s ease-in-out infinite reelShimmer}.skeleton-line.short{width:40%}.skeleton-line.medium{width:75%}.reel-video-skeleton{aspect-ratio:9/16;background:#9c8f8226;border-radius:20px 10px;width:100%;max-width:320px;max-height:480px;margin:6px auto 0;animation:1.5s ease-in-out infinite reelShimmer}@keyframes reelShimmer{0%{opacity:.4}50%{opacity:.8}to{opacity:.4}}.btn-retry-chip{background:var(--accent-primary);color:#fff;font-family:var(--font-body);cursor:pointer;border:none;border-radius:999px;margin-top:8px;padding:8px 20px;font-size:.85rem;font-weight:700;transition:transform .2s;box-shadow:0 4px 14px #ff6f614d}.btn-retry-chip:hover{transform:translateY(-2px)}@media (width<=600px){.reels-page-wrap{padding:18px 12px 50px}.reel-video-container,.reel-fallback-container{max-width:290px;max-height:440px}}