.viewr{position:fixed;left:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 16px);width:72px;height:128px;border-radius:14px;overflow:hidden;z-index:999999;cursor:pointer;box-shadow:0 4px 20px #00000080;border:2px solid rgba(255,255,255,.25);transition:transform .2s ease,box-shadow .2s ease;background:#000}.viewr:hover{transform:scale(1.06);box-shadow:0 6px 28px #000000a6;border-color:#ffffff80}.viewr.active{left:0;bottom:0;width:100vw;height:100dvh;border-radius:0;border:none;box-shadow:none;transform:none;background:#000;display:flex;align-items:center;justify-content:center}.thumb-contain{position:relative;width:100%;height:100%;overflow:hidden}.thumb-contain video{width:100%;height:100%;object-fit:cover;pointer-events:none}.thumb-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,rgba(0,0,0,.7) 0,transparent 55%);flex-direction:column}.thumb-overlay,.thumb-play{display:flex;align-items:center;justify-content:center}.thumb-play{width:28px;height:28px;background:#ffffffeb;border-radius:50%;box-shadow:0 2px 8px #0006;margin-bottom:4px}.thumb-play svg{margin-left:2px}.thumb-label{color:#fff;font-size:8px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;text-shadow:0 1px 3px rgba(0,0,0,.6)}.viewr.active .v-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000}.viewr.active .v-reel{position:relative;width:min(100vw,56.25dvh);height:100dvh;background:#000;overflow:hidden}.v-progress{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;gap:3px;padding:12px 12px 20px;background:linear-gradient(180deg,rgba(0,0,0,.5) 0,transparent);pointer-events:none}.v-progress-bar{flex:1;height:2px;background:#ffffff59;border-radius:2px;overflow:hidden}.v-progress-bar .v-progress-fill{height:100%;background:#fff;border-radius:2px;transition:width .25s linear;width:0}.v-top-bar{position:absolute;top:28px;left:0;right:0;z-index:11;display:flex;justify-content:flex-end;padding:0 12px;gap:8px}.v-ctrl-btn{width:36px;height:36px;border-radius:50%;background:#00000073;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;padding:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.v-ctrl-btn:hover{background:#000000b3}.v-ctrl-btn:active{transform:scale(.9)}.v-feed{width:100%;height:100%;overflow-y:scroll;scroll-snap-type:y mandatory;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.v-feed::-webkit-scrollbar{display:none}.v-item{width:100%;height:100dvh;scroll-snap-align:start;position:relative;display:flex;align-items:center;justify-content:center;background:#000}.feed-video{width:100%;height:100%;object-fit:cover;pointer-events:none}.v-bottom-gradient{position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(0deg,rgba(0,0,0,.6),transparent);pointer-events:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.viewr.active{animation:fadeIn .2s ease forwards}