@import"https://fonts.googleapis.com/css2?family=Anton&family=Archivo:wght@400;500;600;700;800&family=Space+Mono:wght@400;700&display=swap";.reels-page{--reels-bg: #070707;--reels-bg2: #111;--reels-ink: #f3f1ec;--reels-muted: #7c7872;--reels-red: #e8402a;--reels-red-soft: #ff5a42;--reels-line: rgba(243, 241, 236, .1);--reels-display: "Anton", "Oswald", sans-serif;--reels-mono: "Space Mono", monospace;--reels-body: "Archivo", "Inter", sans-serif;position:relative;display:flex;flex-direction:column;min-height:calc(100vh - 64px);overflow-x:hidden;background:radial-gradient(90vw 70vh at 50% -10%,rgba(232,64,42,.13),transparent 55%),var(--reels-bg);color:var(--reels-ink);font-family:var(--reels-body)}.reels-page:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.reels-page>*{position:relative;z-index:1}.reels-page .filters{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:30px 0 8px}.reels-page .chip{padding:9px 18px;border:1px solid var(--reels-line);border-radius:4px;background:transparent;color:var(--reels-muted);font-family:var(--reels-mono);font-size:.74rem;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:color .3s,border-color .3s,background .3s}.reels-page .chip:hover{border-color:var(--reels-ink);color:var(--reels-ink)}.reels-page .chip.active,.reels-page .chip[aria-pressed=true]{background:var(--reels-red);border-color:var(--reels-red);color:#070707;font-weight:700}.reels-page .chip small{font-weight:400;opacity:.7}.reels-page .stage{flex:1;display:flex;align-items:center;justify-content:center;perspective:1800px;min-height:620px;overflow:hidden;touch-action:pan-y}.reels-page .deck{position:relative;width:340px;height:560px;transform-style:preserve-3d}.reel{position:absolute;top:0;left:0;width:340px;height:560px;cursor:pointer;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.16,.84,.3,1),opacity .55s,filter .55s;will-change:transform,opacity}.reel .frame{position:absolute;inset:0;overflow:hidden;border-radius:18px;outline:1px solid rgba(255,255,255,.06);background:var(--reels-bg2);box-shadow:0 30px 70px #0009,0 2px 8px #00000080}.reel .frame .media{position:absolute;inset:0;overflow:hidden}.reel .frame .media.no-poster{background:radial-gradient(120% 80% at 50% 0%,rgba(232,64,42,.5),transparent 60%),linear-gradient(180deg,#1a1a1a,#050505)}.reel .frame img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transform:scale(1.05);filter:brightness(.78) contrast(1.05);transition:filter .6s}.reel.center .frame img{animation:reels-ken 14s ease-in-out infinite alternate;filter:brightness(.96) contrast(1.06)}@keyframes reels-ken{0%{transform:scale(1.05) translate(0)}to{transform:scale(1.18) translate(-2%,-3%)}}.reel .veil{position:absolute;inset:0;pointer-events:none;border-radius:18px;background:linear-gradient(to top,rgba(7,7,7,.92) 4%,rgba(7,7,7,.2) 34%,transparent 52%,rgba(7,7,7,.35) 100%)}.reel .prog{position:absolute;top:12px;left:12px;right:12px;z-index:5;height:3px;border-radius:3px;background:#ffffff38;overflow:hidden;opacity:0;transition:opacity .4s}.reel.center .prog{opacity:1}.reel .prog i{display:block;width:0;height:100%;border-radius:3px;background:var(--reels-ink)}.reel .head{position:absolute;top:26px;left:14px;right:14px;z-index:5;display:flex;gap:9px;align-items:center}.reel .head .av{flex-shrink:0;display:flex;width:30px;height:30px;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,var(--reels-red),#b51f10);color:#fff;font-family:var(--reels-display);font-size:.8rem}.reel .head .who{font-size:.74rem;font-weight:600;line-height:1.1}.reel .head .who span{display:block;margin-top:1px;color:var(--reels-muted);font-family:var(--reels-mono);font-size:.58rem;font-weight:400}.reel .live{margin-left:auto;padding:3px 6px;border:1px solid var(--reels-red);border-radius:3px;color:var(--reels-red-soft);font-family:var(--reels-mono);font-size:.55rem;letter-spacing:.14em;opacity:0;transition:opacity .4s}.reel.center .live{opacity:1}.reel .wm{position:absolute;top:50%;left:50%;z-index:3;pointer-events:none;transform:translate(-50%,-50%);text-align:center;opacity:.9;mix-blend-mode:overlay}.reel .wm b{display:block;line-height:.9;font-family:var(--reels-display);font-size:1.5rem;letter-spacing:.02em;text-transform:uppercase}.reel .wm small{color:#fff;font-family:var(--reels-mono);font-size:.5rem;letter-spacing:.3em}.reel .playbtn{position:absolute;top:50%;left:50%;z-index:4;display:flex;width:64px;height:64px;align-items:center;justify-content:center;border:1.5px solid rgba(255,255,255,.55);border-radius:50%;background:#07070773;backdrop-filter:blur(4px);transform:translate(-50%,-50%);opacity:0;pointer-events:none;transition:opacity .4s,transform .3s}.reel .playbtn:after{content:"";margin-left:4px;border-left:18px solid #fff;border-top:12px solid transparent;border-bottom:12px solid transparent}.reel.center .playbtn{opacity:1}.reel.center:hover .playbtn{transform:translate(-50%,-50%) scale(1.1)}.reel .cap{position:absolute;left:16px;right:64px;bottom:18px;z-index:5}.reel .cap .t{font-family:var(--reels-display);font-size:1.18rem;line-height:1.02;letter-spacing:.01em;text-transform:uppercase}.reel .cap .audio{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:4px 9px;max-width:100%;border:1px solid var(--reels-line);border-radius:100px;background:#ffffff14;color:var(--reels-ink);font-family:var(--reels-mono);font-size:.62rem;letter-spacing:.06em}.reel .cap .audio .note{display:inline-block;animation:reels-spin 3s linear infinite}@keyframes reels-spin{to{transform:rotate(360deg)}}.reel .rail{position:absolute;right:10px;bottom:20px;z-index:6;display:flex;flex-direction:column;align-items:center;gap:16px;pointer-events:none;opacity:0;transform:translate(10px);transition:opacity .5s .1s,transform .5s .1s}.reel.center .rail{opacity:1;pointer-events:auto;transform:none}.reel .act{display:flex;flex-direction:column;gap:3px;align-items:center;border:0;background:none;color:var(--reels-ink);cursor:pointer;font:inherit}.reel .act .ic{display:flex;width:42px;height:42px;align-items:center;justify-content:center;border:1px solid var(--reels-line);border-radius:50%;background:#07070773;font-size:1.2rem;backdrop-filter:blur(6px);transition:transform .25s,background .25s}.reel .act:hover .ic{background:#070707b3;transform:scale(1.12)}.reel .act .n{color:var(--reels-ink);font-family:var(--reels-mono);font-size:.58rem}.reel .act.liked .ic{background:var(--reels-red);border-color:var(--reels-red)}.reel .act.liked .heart{color:#fff;transform:scale(1.1)}.reel .heart{transition:transform .25s}.reel .act.ig .ic{background:linear-gradient(135deg,#f9ce34,#ee2a7b 45%,#6228d7)}.reel .act.yt .ic{background:red}.reel .act.tt .ic{background:linear-gradient(135deg,#25f4ee,#fe2c55)}.reel .floatheart{position:absolute;right:24px;bottom:70px;z-index:7;color:var(--reels-red-soft);font-size:1.2rem;pointer-events:none}@keyframes reels-floatup{0%{opacity:0;transform:translateY(0) scale(.5)}15%{opacity:1}to{opacity:0;transform:translateY(-150px) scale(1.3) rotate(var(--r))}}.reels-page .controls{display:flex;align-items:center;justify-content:center;gap:18px;padding:6px 0 12px}.reels-page .arrow{display:flex;width:46px;height:46px;align-items:center;justify-content:center;border:1px solid var(--reels-line);border-radius:50%;background:transparent;color:var(--reels-ink);font-size:1.2rem;cursor:pointer;transition:background .3s,border-color .3s,color .3s}.reels-page .arrow:hover{background:var(--reels-red);border-color:var(--reels-red);color:#070707}.reels-page .dots{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;max-width:60vw}.reels-page .dot{width:8px;height:8px;border-radius:50%;background:#ffffff38;cursor:pointer;transition:background .3s,width .3s}.reels-page .dot.on{width:26px;border-radius:100px;background:var(--reels-red)}.reels-page .idxnum{margin:-2px 0 18px;text-align:center;color:var(--reels-muted);font-family:var(--reels-mono);font-size:.78rem;letter-spacing:.08em}.reel .embed-mount{position:absolute;inset:0;z-index:6;display:none;border-radius:18px;overflow:hidden;background:#000}.reel.playing .embed-mount{display:block}.reel .embed-mount iframe,.reel .embed-mount video{display:block;width:100%;height:100%;border:0;background:#000}.reel .embed-mount video{-o-object-fit:cover;object-fit:cover}.reel.playing .veil,.reel.playing .wm,.reel.playing .head,.reel.playing .cap,.reel.playing .playbtn,.reel.playing .frame>.media{opacity:0;pointer-events:none;transition:opacity .3s}.reel.playing .rail{z-index:8}@media(max-width:560px){.reels-page .deck,.reel{width:280px;height:480px}.reels-page .stage{min-height:540px}}