:root{--pad-h:16px;--pad-top:16px;--pad-bottom:16px;--radius:16px}@media (min-width:1024px){:root{--pad-h:24px;--pad-top:0px;--pad-bottom:24px;--radius:16px}}html,body{color:#fff;background:#0b0b0b;height:100%;margin:0}body.page-reels-lite{-webkit-overflow-scrolling:auto;height:100dvh;overflow:hidden}.reels-lite{min-height:100svh;padding:max(var(--pad-top), env(safe-area-inset-top)) max(var(--pad-h), env(safe-area-inset-right)) max(var(--pad-bottom), env(safe-area-inset-bottom)) max(var(--pad-h), env(safe-area-inset-left));touch-action:none;overscroll-behavior:none;-ms-touch-action:none;justify-content:center;align-items:center;display:flex;position:relative}.reels-lite .frame{width:100%;height:calc(100svh - (var(--pad-top) + var(--pad-bottom)));justify-content:center;align-items:center;display:flex;position:relative}.video-wrap{aspect-ratio:9/16;border-radius:var(--radius);height:100%;display:block;position:relative;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.45)}.video-wrap video{aspect-ratio:9/16;object-fit:cover;border-radius:var(--radius);touch-action:none;background:#000;width:auto;height:100%}.video-wrap .btn{z-index:40;color:#fff;cursor:pointer;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.25);border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;top:12px;box-shadow:0 3px 16px rgba(0,0,0,.35)}.video-wrap .btn.mute{left:12px}.video-wrap .btn.close{right:12px}.video-wrap .vnav{z-index:40;flex-direction:column;gap:8px;display:flex;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.video-wrap .vnav .nav{color:#fff;cursor:pointer;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.25);border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.video-wrap .caption{text-align:center;z-index:42;background:linear-gradient(transparent,rgba(0,0,0,.55));border-radius:12px;max-width:calc(100% - 24px);padding:10px 14px;font-weight:600;position:absolute;bottom:64px;left:50%;transform:translate(-50%)}.video-wrap .timeline{left:50%;bottom:calc(max(16px, env(safe-area-inset-bottom)) + 12px);z-index:50;pointer-events:auto;position:absolute;transform:translate(-50%)}.video-wrap .timeline .tl-track{background:rgba(255,255,255,.45);border-radius:999px;width:calc(100% - 24px);max-width:560px;height:8px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(0,0,0,.35),0 1px 6px rgba(0,0,0,.35)}.timeline .tl-buffer{background:rgba(255,255,255,.65);height:100%;position:absolute;top:0;left:0}.timeline .tl-progress{background:#fff;height:100%;position:absolute;top:0;left:0}.timeline .tl-thumb{background:#fff;border-radius:999px;width:12px;height:12px;position:absolute;top:50%;transform:translate(-6px,-50%);box-shadow:0 0 0 2px rgba(0,0,0,.35)}.reels-lite .data{display:none}