.reelio{--reelio-accent:#6c5ce7;--reelio-gap:16px;--reelio-radius:18px;--reelio-cols-d:3;--reelio-cols-t:2;--reelio-cols-m:1;--reelio-cols:var(--reelio-cols-d);--reelio-card-bg:#0d0f14;--reelio-ring:color-mix(in srgb,var(--reelio-accent) 45%,transparent);position:relative;width:100%;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.reelio *,.reelio *:before,.reelio *:after{box-sizing:border-box}.reelio--grid .reelio-grid{display:grid;grid-template-columns:repeat(var(--reelio-cols),minmax(0, 1fr));gap:var(--reelio-gap)}.reelio--masonry .reelio-grid{column-count:var(--reelio-cols);column-gap:var(--reelio-gap)}.reelio--masonry .reelio-card{break-inside:avoid;margin-bottom:var(--reelio-gap);display:inline-block;width:100%}.reelio--carousel .reelio-track{display:flex;gap:var(--reelio-gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-bottom:6px;scrollbar-width:none}.reelio--carousel .reelio-track::-webkit-scrollbar{display:none}.reelio--carousel .reelio-card{flex:0 0 calc((100% - (var(--reelio-cols) - 1) * var(--reelio-gap)) / var(--reelio-cols));scroll-snap-align:start}.reelio-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.92);color:#111;display:grid;place-items:center;cursor:pointer;box-shadow:0 6px 22px rgba(0,0,0,.18);z-index:3;transition:opacity .2s ease,transform .2s ease;backdrop-filter:blur(6px)}.reelio-nav:hover{transform:translateY(-50%) scale(1.06)}.reelio-nav--prev{left:8px}.reelio-nav--next{right:8px}.reelio-nav[hidden]{display:none}.reelio--reel .reelio-grid{display:flex;flex-direction:column;align-items:center;gap:var(--reelio-gap)}.reelio--reel .reelio-card{width:min(420px, 100%)}.reelio--reel .reelio-card--youtube.reelio-card--landscape{width:min(720px, 100%)}.reelio-card{position:relative;cursor:pointer;outline:none;transition:transform .35s cubic-bezier(.2,.7,.2,1)}.reelio.has-shadow .reelio-card .reelio-media{box-shadow:0 10px 30px -12px rgba(0,0,0,.35)}.reelio-card:focus-visible{border-radius:var(--reelio-radius);box-shadow:0 0 0 3px var(--reelio-ring)}@media (hover:hover){.reelio-card:hover{transform:translateY(-3px)}}.reelio-media{position:relative;width:100%;aspect-ratio:var(--reelio-aspect,var(--reelio-card-aspect,16/9));border-radius:var(--reelio-radius);overflow:hidden;background:var(--reelio-card-bg);isolation:isolate}.reelio-thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .3s ease}.reelio-thumb--empty{display:grid;place-items:center;color:rgba(255,255,255,.5);background:linear-gradient(135deg,#12141b,#1c1f2a)}@media (hover:hover){.reelio-card:hover .reelio-thumb{transform:scale(1.05)}}.reelio-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;display:grid;place-items:center;color:#fff;background:color-mix(in srgb,var(--reelio-accent) 88%,#000 12%);box-shadow:0 8px 24px color-mix(in srgb,var(--reelio-accent) 45%,transparent);z-index:2;transition:transform .25s ease,opacity .25s ease;padding-left:3px}.reelio-play svg{display:block}@media (hover:hover){.reelio-card:hover .reelio-play{transform:translate(-50%,-50%) scale(1.08)}}.reelio-badge{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:#fff;background:rgba(10,10,12,.42);backdrop-filter:blur(8px);z-index:2}.reelio-live{position:absolute;inset:0;z-index:1;opacity:0;transition:opacity .35s ease;pointer-events:none}.reelio-live iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.reelio-card.is-playing .reelio-live{opacity:1}.reelio-card.is-playing .reelio-play,.reelio-card.is-playing .reelio-thumb{opacity:0}.reelio-title{margin:.7em 0 .1em;font-size:.98rem;line-height:1.3;font-weight:600}.reelio-caption{margin:0;font-size:.86rem;line-height:1.45;opacity:.72}.reelio-empty{padding:16px 18px;border:1px dashed rgba(120,120,140,.5);border-radius:12px;font-size:.9rem;opacity:.8}.reelio-lightbox{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;background:rgba(6,7,10,.72);backdrop-filter:blur(14px) saturate(1.1);opacity:0;transition:opacity .28s ease;padding:max(16px, env(safe-area-inset-top)) 16px}.reelio-lightbox.is-open{opacity:1}.reelio-lightbox__stage{position:relative;width:auto;max-width:min(96vw, 1200px);max-height:88vh;transform:scale(.96);transition:transform .32s cubic-bezier(.2,.8,.2,1);border-radius:20px;overflow:hidden;background:#000;box-shadow:0 30px 80px -20px rgba(0,0,0,.7)}.reelio-lightbox.is-open .reelio-lightbox__stage{transform:scale(1)}.reelio-lightbox__stage[data-orientation=portrait]{width:min(440px, 94vw);aspect-ratio:9/16;height:min(88vh, calc(94vw * 16 / 9))}.reelio-lightbox__stage[data-orientation=landscape]{width:min(1100px, 94vw);aspect-ratio:16/9}.reelio-lightbox__stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.reelio-lightbox__close{position:fixed;top:max(14px, env(safe-area-inset-top));right:14px;width:38px;height:38px;border:0;border-radius:50%;background:rgba(20,20,26,.55);color:#fff;display:grid;place-items:center;cursor:pointer;z-index:6;backdrop-filter:blur(8px);transition:background .2s ease,transform .2s ease}.reelio-lightbox__close:hover{background:rgba(20,20,26,.85);transform:scale(1.06)}.reelio-lightbox__close svg{width:18px;height:18px}.reelio-lightbox__dots{position:fixed;right:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:7px;z-index:5}.reelio-lightbox__dots i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.35);transition:background .25s ease,transform .25s ease}.reelio-lightbox__dots i.is-active{background:#fff;transform:scale(1.5)}@media (max-width:600px){.reelio-lightbox__dots{display:none}}.reelio-lightbox__actions{position:absolute;right:12px;bottom:12px;display:flex;gap:8px;z-index:4}.reelio-act{width:40px;height:40px;border:0;border-radius:12px;background:rgba(20,20,26,.55);color:#fff;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(8px);transition:background .2s ease,transform .2s ease}.reelio-act:hover{background:rgba(20,20,26,.8);transform:translateY(-2px)}.reelio-rotate-hint{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(20,20,26,.66);color:#fff;font-size:.82rem;backdrop-filter:blur(8px);z-index:4;animation:reelio-pulse 2.4s ease-in-out infinite;max-width:84%}.reelio-rotate-hint svg{animation:reelio-tip 2.4s ease-in-out infinite}@keyframes reelio-pulse{0%,100%{opacity:.85}50%{opacity:1}}@keyframes reelio-tip{0%,70%,100%{transform:rotate(0)}82%{transform:rotate(90deg)}}@media (max-width:1024px){.reelio{--reelio-cols:var(--reelio-cols-t)}.reelio-play{width:52px;height:52px}}@media (max-width:767px){.reelio{--reelio-cols:var(--reelio-cols-m)}.reelio-play{width:48px;height:48px}.reelio-nav{display:none}}.reelio--to-carousel{display:flex;flex-direction:row;align-items:flex-start;gap:var(--reelio-gap);column-count:auto;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}.reelio--to-carousel::-webkit-scrollbar{display:none}.reelio--to-carousel>.reelio-card{flex:0 0 calc((100% - (var(--reelio-cols) - 1) * var(--reelio-gap)) / var(--reelio-cols));width:auto;margin-bottom:0;scroll-snap-align:start;display:block}.reelio--to-grid{display:grid;grid-template-columns:repeat(var(--reelio-cols),minmax(0, 1fr));gap:var(--reelio-gap);column-count:auto;overflow:visible;scroll-snap-type:none}.reelio--to-grid>.reelio-card{flex:none;width:auto;margin-bottom:0;display:block}.reelio--to-reel{display:flex;flex-direction:column;align-items:center;gap:var(--reelio-gap);column-count:auto;grid-template-columns:none;overflow:visible;scroll-snap-type:none}.reelio--to-reel>.reelio-card{flex:none;width:min(440px, 100%);margin-bottom:0;display:block}@media (max-width:1024px){.reelio-t--carousel .reelio-items{display:flex;flex-direction:row;align-items:flex-start;gap:var(--reelio-gap);column-count:auto;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}.reelio-t--carousel .reelio-items::-webkit-scrollbar{display:none}.reelio-t--carousel .reelio-items>.reelio-card{flex:0 0 calc((100% - (var(--reelio-cols) - 1) * var(--reelio-gap)) / var(--reelio-cols));width:auto;margin-bottom:0;scroll-snap-align:start;display:block}.reelio-t--grid .reelio-items{display:grid;grid-template-columns:repeat(var(--reelio-cols),minmax(0,1fr));gap:var(--reelio-gap);column-count:auto;overflow:visible;scroll-snap-type:none}.reelio-t--grid .reelio-items>.reelio-card{flex:none;width:auto;margin-bottom:0;display:block}.reelio-t--reel .reelio-items{display:flex;flex-direction:column;align-items:center;gap:var(--reelio-gap);column-count:auto;grid-template-columns:none;overflow:visible;scroll-snap-type:none}.reelio-t--reel .reelio-items>.reelio-card{flex:none;width:min(440px,100%);margin-bottom:0;display:block}}@media (max-width:767px){.reelio-m--carousel .reelio-items{display:flex;flex-direction:row;align-items:flex-start;gap:var(--reelio-gap);column-count:auto;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}.reelio-m--carousel .reelio-items::-webkit-scrollbar{display:none}.reelio-m--carousel .reelio-items>.reelio-card{flex:0 0 calc((100% - (var(--reelio-cols) - 1) * var(--reelio-gap)) / var(--reelio-cols));width:auto;margin-bottom:0;scroll-snap-align:start;display:block}.reelio-m--grid .reelio-items{display:grid;grid-template-columns:repeat(var(--reelio-cols),minmax(0,1fr));gap:var(--reelio-gap);column-count:auto;overflow:visible;scroll-snap-type:none}.reelio-m--grid .reelio-items>.reelio-card{flex:none;width:auto;margin-bottom:0;display:block}.reelio-m--reel .reelio-items{display:flex;flex-direction:column;align-items:center;gap:var(--reelio-gap);column-count:auto;grid-template-columns:none;overflow:visible;scroll-snap-type:none}.reelio-m--reel .reelio-items>.reelio-card{flex:none;width:min(440px,100%);margin-bottom:0;display:block}}.reelio-lightbox{padding:0;display:block}.reelio-lightbox__feed{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.reelio-lightbox__feed::-webkit-scrollbar{display:none}.reelio-slide{position:relative;height:100%;min-height:100%;scroll-snap-align:start;scroll-snap-stop:always;display:grid;place-items:center;padding:max(18px, env(safe-area-inset-top)) 16px max(18px, env(safe-area-inset-bottom));box-sizing:border-box}.reelio-slide__stage{position:relative;background:#000;border-radius:20px;overflow:hidden;box-shadow:0 30px 80px -20px rgba(0,0,0,.7);transform:scale(.965);opacity:.35;transition:transform .4s cubic-bezier(.2,.8,.2,1),opacity .4s ease;max-height:100%;max-width:min(96vw, 1200px)}.reelio-slide.is-active .reelio-slide__stage{transform:scale(1);opacity:1}.reelio-slide__stage[data-orientation=portrait]{width:min(440px, 94vw);aspect-ratio:9/16;height:min(100%, calc(94vw * 16 / 9))}.reelio-slide__stage[data-orientation=landscape]{width:min(1100px, 94vw);aspect-ratio:16/9}.reelio-slide__stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.reelio-slide__mount{position:absolute;inset:0;z-index:1}.reelio-slide__mount iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.reelio-slide__mount .fb-video{position:absolute;inset:0;display:grid;place-items:center;width:100%;height:100%}.reelio-slide__mount .fb-video>span,.reelio-slide__mount .fb-video iframe{width:100% !important;height:100% !important}.reelio-slide__poster{position:absolute;inset:0;background-size:cover;background-position:center;display:grid;place-items:center;z-index:2;transition:opacity .35s ease}.reelio-slide__poster:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.25)}.reelio-slide.is-ready .reelio-slide__poster,.reelio-slide.is-ready .reelio-slide__spin{opacity:0;pointer-events:none}.reelio-slide__spin{position:absolute;inset:0;z-index:2;display:grid;place-items:center;transition:opacity .3s ease}.reelio-slide__spin span{width:38px;height:38px;border-radius:50%;border:3px solid rgba(255,255,255,.25);border-top-color:#fff;animation:reelio-spin .8s linear infinite}@keyframes reelio-spin{to{transform:rotate(360deg)}}.reelio-slide__meta{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:40px 16px 16px;background:linear-gradient(to top,rgba(0,0,0,.72),rgba(0,0,0,0));color:#fff;pointer-events:none;opacity:0;transform:translateY(6px);transition:opacity .4s ease .1s,transform .4s ease .1s}.reelio-slide.is-active .reelio-slide__meta{opacity:1;transform:none}.reelio-slide__title{margin:0 0 3px;font-size:.98rem;font-weight:600;line-height:1.3}.reelio-slide__caption{margin:0;font-size:.85rem;line-height:1.4;opacity:.82;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.reelio-lightbox__mute{position:fixed;top:max(14px, env(safe-area-inset-top));left:14px;width:38px;height:38px;border:0;border-radius:50%;background:rgba(20,20,26,.55);color:#fff;display:grid;place-items:center;cursor:pointer;z-index:6;backdrop-filter:blur(8px);transition:background .2s ease,transform .2s ease}.reelio-lightbox__mute:hover{background:rgba(20,20,26,.85);transform:scale(1.06)}.reelio-lightbox__mute svg{width:20px;height:20px}@media (prefers-reduced-motion:reduce){.reelio-slide__stage{transition:none;opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.reelio-card,.reelio-thumb,.reelio-play,.reelio-lightbox,.reelio-lightbox__stage{transition:none}.reelio-rotate-hint,.reelio-rotate-hint svg{animation:none}}