.reel-overlay.svelte-1xo95hr{z-index:9999;background:rgba(from var(--dark-gray) r g b / .92);justify-content:center;align-items:center;animation:.2s svelte-1xo95hr-fadeIn;display:flex;position:fixed;inset:0}.reel-container.svelte-1xo95hr{background:var(--dark-blue-color);border-radius:var(--border-radius-site);flex-direction:column;width:100%;max-width:42rem;height:100%;max-height:90vh;display:flex;position:relative;overflow:hidden}.reel-progress-bars.svelte-1xo95hr{z-index:3;gap:.3rem;padding:.8rem 1rem 0;display:flex;position:absolute;top:0;left:0;right:0}.progress-track.svelte-1xo95hr{background:rgba(from var(--light-blue-color) r g b / .4);border-radius:.2rem;flex:1;height:.25rem;overflow:hidden}.progress-fill.svelte-1xo95hr{background:var(--accent-color);border-radius:.2rem;height:100%;transition:width .1s linear}.reel-header.svelte-1xo95hr{z-index:3;justify-content:space-between;align-items:center;padding:0 1.2rem;display:flex;position:absolute;top:1.6rem;left:0;right:0}.reel-user.svelte-1xo95hr{align-items:center;gap:.8rem;display:flex}.reel-user-avatar.svelte-1xo95hr{border-radius:50%;width:3.2rem;height:3.2rem;margin:0;overflow:hidden}.reel-user-avatar.svelte-1xo95hr img:where(.svelte-1xo95hr){object-fit:cover;width:100%;height:100%}.reel-user-initials.svelte-1xo95hr{background:var(--medium-blue-color);width:3.2rem;height:3.2rem;color:var(--text-white);font-weight:var(--font-weight-semi-bold);font-size:var(--font-size-body-xs);border-radius:50%;justify-content:center;align-items:center;display:flex}.reel-username.svelte-1xo95hr{color:var(--text-white);font-size:var(--font-size-body-small);font-weight:var(--font-weight-semi-bold);text-shadow:0 1px 3px rgba(from var(--black-color) r g b / .5)}.reel-actions-header.svelte-1xo95hr{align-items:center;gap:.4rem;display:flex}.reel-btn.svelte-1xo95hr{cursor:pointer;color:var(--text-white);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.6rem;transition:background .2s;display:flex}.reel-btn.svelte-1xo95hr:hover{background:rgba(from var(--light-blue-color) r g b / .15)}.reel-video-area.svelte-1xo95hr{cursor:pointer;flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.reel-video.svelte-1xo95hr{object-fit:contain;width:100%;height:100%}.reel-footer.svelte-1xo95hr{padding:var(--primary-padding);z-index:3;background:linear-gradient(transparent, rgba(from var(--dark-blue-color) r g b / .8));justify-content:center;display:flex;position:absolute;bottom:0;left:0;right:0}.see-more-btn.svelte-1xo95hr{color:var(--text-white);background:var(--accent-color);font-size:var(--font-size-body-small);font-weight:var(--font-weight-semi-bold);border:none;border-radius:2rem;padding:.8rem 2.4rem;text-decoration:none;transition:background .2s}.see-more-btn.svelte-1xo95hr:hover{background:var(--medium-orange-color)}.nav-btn.svelte-1xo95hr{background:rgba(from var(--light-blue-color) r g b / .15);color:var(--text-white);cursor:pointer;z-index:3;border:none;border-radius:50%;justify-content:center;align-items:center;width:3.6rem;height:3.6rem;transition:background .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.nav-btn.svelte-1xo95hr:hover{background:rgba(from var(--light-blue-color) r g b / .3)}.nav-btn.svelte-1xo95hr:disabled{opacity:.3;cursor:default}.nav-prev.svelte-1xo95hr{left:.8rem}.nav-next.svelte-1xo95hr{right:.8rem}@media (width<=768px){.reel-container.svelte-1xo95hr{border-radius:0;max-width:100%;max-height:100%}.nav-btn.svelte-1xo95hr{display:none}}@keyframes svelte-1xo95hr-fadeIn{0%{opacity:0}to{opacity:1}}