.reel-launch{display:inline-flex;margin-top:18px;padding:12px 18px;border:1px solid #c8d6d6;border-radius:100px;background:white;color:#123f40;font:inherit;font-weight:600;cursor:pointer}.reel-launch:hover{background:#e7f5f1}.reel-open{overflow:hidden}.reel-viewer{padding:0;border:0;background:transparent;color:white;max-width:none;max-height:none;width:min(640px,100vw);height:min(900px,96dvh);overflow:visible}.reel-viewer::backdrop{background:rgba(4,8,15,.94);backdrop-filter:blur(12px)}.reel-stage{position:relative;height:100%;width:fit-content;max-width:100%;margin:auto;aspect-ratio:9/16;overflow:hidden;border-radius:24px;background:#000;box-shadow:0 24px 80px #0008}.reel-stage video{display:block;width:100%;height:100%;object-fit:contain}.reel-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:20px;background:linear-gradient(#0009,transparent);pointer-events:none}.reel-top span{font-size:13px;font-weight:600}.reel-top button{pointer-events:auto;border:1px solid #ffffff60;border-radius:50%;width:42px;height:42px;background:#0005;color:white;cursor:pointer}.reel-caption{position:absolute;bottom:76px;left:0;right:0;padding:32px 22px 12px;background:linear-gradient(transparent,#000b);pointer-events:none}.reel-caption small{font-size:10px;letter-spacing:2px}.reel-caption h2{font-size:19px;line-height:1.4;color:white;margin:8px 0 0}.reel-nav{position:absolute;right:-54px;top:44%;display:grid;gap:12px}.reel-nav button{width:44px;height:44px;border:1px solid #ffffff60;border-radius:50%;background:#252a32;color:white;font-size:22px;cursor:pointer}@media(max-width:800px){.reel-viewer{width:100vw;height:100dvh;margin:0}.reel-stage{border-radius:0}.reel-nav{right:12px;top:45%}.reel-top{padding:16px}.reel-caption{padding-right:60px}}@media(prefers-reduced-motion:reduce){.reel-viewer::backdrop{backdrop-filter:none}}