html,body,#app{background:#000}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;background:#000!important;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-tap-highlight-color:transparent}button{border:none;background:none;color:inherit;cursor:pointer;font:inherit}img{display:block}.video-feed{--vf-rpx: calc(100vw / 750);--status-bar-height: env(safe-area-inset-top, 0px)}.video-feed__main{position:relative;width:100%;height:100%;height:100dvh;background:#000}.video-feed__scroller{width:100%;height:100%;height:100dvh;overflow-y:scroll;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;background:#000}.video-feed__slide{position:relative;width:100%;height:100%;height:100dvh;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;background:#000}.video-feed__media{position:relative;width:100%;height:100%}.video-feed__media--idle{background:#000}.video-feed__player{width:100%;height:100%;display:block;object-fit:cover}.video-feed__poster{background:#000}.video-feed__poster--overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.video-feed__player--off{visibility:hidden;pointer-events:none}.video-feed__shade{position:absolute;left:0;right:0;bottom:0;height:calc(320 * var(--vf-rpx));background:linear-gradient(to top,#00000080,#0000);pointer-events:none;z-index:4}.video-feed__play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:5}.video-feed__play--visible .video-feed__play-img{animation:videoPlayPop .18s cubic-bezier(.22,1,.36,1) both}@keyframes videoPlayPop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.video-feed__play-img{display:block;width:calc(96 * var(--vf-rpx));height:calc(96 * var(--vf-rpx))}.video-feed__loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;background:#0003;pointer-events:none}.video-feed__loading-t{display:none}.video-feed__top{position:absolute;left:0;top:0;right:0;z-index:50;pointer-events:none}.video-feed__back{position:absolute;top:calc(var(--status-bar-height) + calc(20 * var(--vf-rpx)));left:calc(24 * var(--vf-rpx));width:calc(72 * var(--vf-rpx));height:calc(72 * var(--vf-rpx));border-radius:50%;background:transparent;display:flex;align-items:center;justify-content:center;pointer-events:auto;padding:0;box-shadow:none}.video-feed__back-img{width:calc(40 * var(--vf-rpx));height:calc(40 * var(--vf-rpx));display:block}.video-feed__hint{position:absolute;left:calc(24 * var(--vf-rpx));right:calc(24 * var(--vf-rpx));top:calc(var(--status-bar-height) + calc(96 * var(--vf-rpx)));z-index:30;padding:calc(10 * var(--vf-rpx)) calc(20 * var(--vf-rpx));border-radius:999px;background:#00000085;border:1px solid rgba(255,255,255,.18);pointer-events:none}.video-feed__hint-t{font-size:calc(22 * var(--vf-rpx));color:#ffffffeb;text-align:center;line-height:1.4}.video-feed__actions{position:absolute;right:calc(24 * var(--vf-rpx));bottom:calc(calc(260 * var(--vf-rpx)) + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;align-items:center;gap:calc(24 * var(--vf-rpx));z-index:20}.video-feed__ava-btn{display:flex;align-items:center;justify-content:center;width:calc(96 * var(--vf-rpx));height:calc(96 * var(--vf-rpx));padding:0;border:0;background:transparent;cursor:pointer}.video-feed__ava{width:calc(88 * var(--vf-rpx));height:calc(88 * var(--vf-rpx));border-radius:50%;border:calc(2 * var(--vf-rpx)) solid rgba(255,255,255,.85);background:#333;object-fit:cover;padding:0;pointer-events:none}.video-feed__ava-fallback{display:flex;align-items:center;justify-content:center;font-size:calc(32 * var(--vf-rpx));font-weight:600;color:#ffffffeb;background:#333}.video-feed__act{display:flex;flex-direction:column;align-items:center;gap:calc(8 * var(--vf-rpx));padding:calc(8 * var(--vf-rpx));background:transparent;border:none;box-shadow:none;min-width:calc(72 * var(--vf-rpx));min-height:calc(72 * var(--vf-rpx))}.video-feed__act-img{display:block;width:calc(54 * var(--vf-rpx));height:calc(54 * var(--vf-rpx))}.video-feed__act-num{font-size:calc(18 * var(--vf-rpx));color:#ffffffeb;font-variant-numeric:tabular-nums;text-shadow:0 1px 4px rgba(0,0,0,.45)}.video-feed__tap{transition:transform .12s ease,opacity .12s ease;-webkit-tap-highlight-color:transparent}.video-feed__tap:active{transform:scale(.92);opacity:.82}.video-feed__info{position:absolute;left:calc(32 * var(--vf-rpx));right:calc(132 * var(--vf-rpx));bottom:calc(calc(72 * var(--vf-rpx)) + env(safe-area-inset-bottom,0px));color:#fff;z-index:15;display:flex;flex-direction:column;animation:videoInfoRise .26s cubic-bezier(.22,1,.36,1) both;text-align:left}@keyframes videoInfoRise{0%{opacity:0;transform:translateY(calc(24 * var(--vf-rpx)))}to{opacity:1;transform:translateY(0)}}.video-feed__name{font-size:calc(28 * var(--vf-rpx));font-weight:700;color:#fff;padding:calc(8 * var(--vf-rpx)) 0;margin:0;text-align:left;cursor:pointer}.video-feed__title{margin-top:calc(8 * var(--vf-rpx));font-size:calc(26 * var(--vf-rpx));font-weight:600;line-height:1.35;color:#fff}.video-feed__desc{margin-top:calc(8 * var(--vf-rpx));font-size:calc(24 * var(--vf-rpx));color:#ffffffb8;line-height:1.45;max-height:calc(68 * var(--vf-rpx));overflow:hidden}.video-feed__rel-card{margin-top:calc(16 * var(--vf-rpx));display:flex;flex-direction:row;align-items:center;gap:calc(12 * var(--vf-rpx));padding:calc(12 * var(--vf-rpx)) calc(14 * var(--vf-rpx));border-radius:calc(12 * var(--vf-rpx));background:#ffffff1f;border:1px solid rgba(255,255,255,.22);max-width:100%;text-align:left;width:100%}.video-feed__rel-cover{width:calc(72 * var(--vf-rpx));height:calc(72 * var(--vf-rpx));border-radius:calc(8 * var(--vf-rpx));flex-shrink:0;background:#ffffff1a;object-fit:cover}.video-feed__rel-cover--ph{background:#ffffff14}.video-feed__rel-body{flex:1;min-width:0}.video-feed__rel-title{display:block;font-size:calc(24 * var(--vf-rpx));color:#fff;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-feed__rel-sub{display:block;margin-top:calc(4 * var(--vf-rpx));font-size:calc(22 * var(--vf-rpx));color:#ffffffc7}.video-feed__progress{position:absolute;left:calc(32 * var(--vf-rpx));right:calc(132 * var(--vf-rpx));bottom:calc(calc(10 * var(--vf-rpx)) + env(safe-area-inset-bottom,0px));height:calc(3 * var(--vf-rpx));background:#ffffff2e;z-index:25;border-radius:999px;overflow:hidden}.video-feed__progress-inner{height:100%;background:#ffffffd1;border-radius:999px;transition:width .12s linear}.video-feed__state,.video-feed__gate{position:relative;width:100%;height:100%;height:100dvh;background:#000;box-sizing:border-box}.video-feed__state-t,.video-feed__gate-t{position:absolute;left:calc(48 * var(--vf-rpx));right:calc(48 * var(--vf-rpx));top:50%;transform:translateY(calc(-24 * var(--vf-rpx)));text-align:center;font-size:calc(28 * var(--vf-rpx));color:#ffffffb8;line-height:1.55}.video-feed__retry,.video-feed__gate-btn{position:absolute;left:50%;top:calc(50% + calc(56 * var(--vf-rpx)));transform:translate(-50%);padding:calc(16 * var(--vf-rpx)) calc(40 * var(--vf-rpx));border:1px solid rgba(255,255,255,.5);border-radius:calc(8 * var(--vf-rpx));background:transparent;color:#fff;font-size:calc(28 * var(--vf-rpx))}.video-feed__state--boot{background:#000;min-height:100dvh}.video-feed__boot-spinner{position:absolute;left:50%;top:50%;width:calc(56 * var(--vf-rpx));height:calc(56 * var(--vf-rpx));margin-left:calc(-28 * var(--vf-rpx));margin-top:calc(-28 * var(--vf-rpx));border:calc(4 * var(--vf-rpx)) solid rgba(255,255,255,.12);border-top-color:#ffffff8c;border-radius:50%;animation:vf-boot-spin .75s linear infinite}@keyframes vf-boot-spin{to{transform:rotate(360deg)}}.video-feed__state-t--subtle{top:calc(50% + calc(48 * var(--vf-rpx)));transform:translateY(0);font-size:calc(24 * var(--vf-rpx));color:#ffffff6b}