*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;background:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden;overscroll-behavior:none}.video-item{position:relative;width:100%;height:100%;background:#111;overflow:hidden;cursor:pointer}.video-item video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.video-skeleton{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#1a1a1a 25%,#2a2a2a,#1a1a1a 75%);background-size:400% 400%;animation:shimmer 1.5s ease infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pause-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0003;animation:fade-out .6s forwards}@keyframes fade-out{0%{opacity:1}60%{opacity:1}to{opacity:0;pointer-events:none}}.video-overlay{position:absolute;bottom:0;left:0;right:0;padding:20px 16px 48px;background:linear-gradient(transparent 0%,#0000008c);pointer-events:none}.video-info{max-width:calc(100% - 60px)}.video-title{font-size:15px;font-weight:600;line-height:1.4;text-shadow:0 1px 4px rgba(0,0,0,.6);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-desc{margin-top:4px;font-size:13px;opacity:.85;text-shadow:0 1px 4px rgba(0,0,0,.6);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mute-btn{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;background:#00000073;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background .15s}.mute-btn:hover{background:#000000a6}.feed{height:100dvh;overflow-y:scroll;scroll-snap-type:y mandatory;scrollbar-width:none}.feed::-webkit-scrollbar{display:none}.feed-slot{height:100dvh;scroll-snap-align:start;scroll-snap-stop:always;position:relative}.feed-status{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#ffffff80;font-size:14px}.feed-status button{padding:10px 24px;border-radius:24px;border:1px solid rgba(255,255,255,.4);background:transparent;color:#fff;cursor:pointer;font-size:14px;transition:background .2s}.feed-status button:hover{background:#ffffff1a}.spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.15);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}