*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#fff;padding-bottom:env(safe-area-inset-bottom)}body,header{background:#000}header{padding:8px 12px;border-bottom:1px solid #2f3336;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-controls{display:flex;gap:8px;align-items:center;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.header-controls::-webkit-scrollbar{display:none}.category-tabs{display:flex;gap:6px;flex-shrink:0}.category-tab{padding:4px 12px;background:transparent;color:#71767b;border:1px solid #2f3336;border-radius:16px;cursor:pointer;font-size:13px;white-space:nowrap;transition:all .2s}.category-tab.active{background:#1d9bf0;color:#fff;border-color:#1d9bf0}.sort-options{display:flex;gap:6px;flex-shrink:0}.sort-options label{display:flex;align-items:center;gap:4px;padding:4px 10px;background:transparent;border:1px solid #2f3336;border-radius:16px;cursor:pointer;font-size:13px;transition:all .2s}.sort-options input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border:2px solid #71767b;border-radius:50%;cursor:pointer;position:relative}.sort-options input[type=radio]:checked{border-color:#1d9bf0}.sort-options input[type=radio]:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:#1d9bf0;border-radius:50%}.sort-options label:has(input:checked){border-color:#1d9bf0;color:#1d9bf0}select{padding:8px 12px;background:#16181c;color:#fff;border:1px solid #2f3336;border-radius:20px;font-size:14px;margin-top:8px;width:100%}.video-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:2px;gap:2px;padding:0;background:#000}.video-card{background:#000;position:relative;aspect-ratio:9/16;overflow:hidden;cursor:pointer;transition:opacity .2s}.video-card:active{opacity:.8}.video-card img{width:100%;height:100%;object-fit:cover;display:block}.video-duration{top:8px;right:8px;padding:4px 8px;border-radius:999px;background:rgba(0,0,0,.72);line-height:1;z-index:1}.stats,.video-duration{position:absolute;color:#fff;font-size:12px;font-weight:600}.stats{bottom:0;left:0;right:0;padding:10px 8px;background:linear-gradient(0deg,rgba(0,0,0,.9) 0,rgba(0,0,0,.6) 50%,transparent);display:flex;gap:12px}.stats span{gap:4px}.pagination,.stats span{display:flex;align-items:center}.pagination{padding:16px;justify-content:center;gap:16px;background:#000;border-top:1px solid #2f3336}.pagination button{padding:8px 20px;background:#1d9bf0;color:#fff;border:none;border-radius:20px;cursor:pointer;font-size:14px;font-weight:600}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination span{font-size:14px;color:#71767b}.status{text-align:center;padding:40px 16px;color:#e7e9ea;font-size:15px}.status.error{color:#f4212e}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:1000;justify-content:center;align-items:center}.close,.modal.active{display:flex}.close{position:absolute;top:16px;right:16px;width:36px;height:36px;font-size:28px;color:#fff;cursor:pointer;align-items:center;justify-content:center;background:rgba(0,0,0,.6);border-radius:50%;z-index:1001}.video-player-container{position:fixed;top:0;left:0;width:100%;height:100vh;height:100dvh;background:#000;z-index:9999;touch-action:pan-y}.video-scroll-container{width:100%;height:100vh;height:100dvh;overflow-y:scroll;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.video-scroll-container::-webkit-scrollbar{display:none}.video-slide{width:100%;height:100vh;height:100dvh;scroll-snap-align:start;scroll-snap-stop:always;position:relative;display:flex;align-items:center;justify-content:center;background:#000}.video-placeholder{height:100%}.dplayer-shell,.video-placeholder{width:100%;background:#000}.dplayer-container{width:100%;height:auto}.dplayer-container .dplayer{width:100%!important;height:auto!important;background:#000;padding-bottom:env(safe-area-inset-bottom)}.dplayer-container .dplayer-video-wrap{width:100%;height:auto;display:flex;align-items:center;justify-content:center;background:#000}.dplayer-container .dplayer-video-wrap video{width:100%;height:auto;max-height:calc(100dvh - 72px - env(safe-area-inset-bottom));object-fit:contain;background:#000;display:block}.dplayer-container .dplayer-controller{padding-bottom:max(8px,env(safe-area-inset-bottom))}.dplayer-container .dplayer-controller-mask{bottom:env(safe-area-inset-bottom)}.video-indicator{position:absolute;top:16px;right:16px;background:rgba(0,0,0,.6);padding:6px 12px;border-radius:12px;color:#fff;font-size:12px;z-index:10000}.video-loading{position:fixed;top:0;left:0;width:100%;height:100vh;height:100dvh;background:#000;color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px}@media (min-width:640px){.video-grid{grid-template-columns:repeat(3,1fr)}h1{font-size:24px}}@media (min-width:1024px){.video-grid{grid-template-columns:repeat(4,1fr);gap:4px}header{padding:16px 24px}.header-left{flex-direction:row;align-items:center}select{width:auto;margin-top:0}}