:root{--z-video:1;--z-overlay:10;--z-dropdown:20;--z-consent:40}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{color:#fff;-webkit-tap-highlight-color:transparent;background:#000;height:100dvh;font-family:system-ui,-apple-system,sans-serif;overflow:hidden}.feed{scroll-snap-type:y mandatory;overscroll-behavior-y:contain;height:100dvh;overflow-y:scroll}.video-item{scroll-snap-align:start;scroll-snap-stop:always;background:#000;height:100dvh;position:relative}.video-item video,.video-item mux-player{object-fit:cover;width:100%;height:100%}.overlay-top{pointer-events:none;height:10dvh;z-index:var(--z-overlay);background:linear-gradient(#000000bf 0%,#0000 100%);justify-content:space-between;align-items:center;padding:0 16px;display:flex;position:absolute;top:0;left:0;right:0}.overlay-top>*{pointer-events:auto}.overlay-bottom{padding:12px 16px max(24px, env(safe-area-inset-bottom));z-index:var(--z-overlay);pointer-events:none;background:linear-gradient(#0000 0%,#000000bf 100%);position:absolute;bottom:0;left:0;right:0}.overlay-bottom>*{pointer-events:auto}.dropdown{display:inline-block;position:relative}.dropdown-trigger{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff40;border-radius:8px;align-items:center;gap:4px;padding:6px 12px;font-size:14px;display:flex}.dropdown-menu{z-index:var(--z-dropdown);background:#000000e6;border:1px solid #fff3;border-radius:8px;min-width:120px;position:absolute;top:calc(100% + 4px);overflow:hidden}.dropdown-menu.left{left:0}.dropdown-menu.right{right:0}.dropdown-item{color:#fff;cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;width:100%;padding:10px 14px;font-size:14px;text-decoration:none;display:block}.dropdown-item:hover{background:#ffffff1a}.dropdown-item.active{color:#4fc3f7}.controls-row{align-items:center;gap:12px;display:flex}.control-btn{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.seek-bar{appearance:none;background:#ffffff4d;border-radius:2px;outline:none;flex:1;height:3px}.seek-bar::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:12px;height:12px}.seek-bar::-moz-range-thumb{cursor:pointer;background:#fff;border:none;border-radius:50%;width:12px;height:12px}.spinner-container{z-index:5;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.spinner{border:3px solid #fff3;border-top-color:#fff;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-container{z-index:5;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.error-container p{opacity:.7;font-size:14px}.error-container button{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff4d;border-radius:8px;padding:8px 20px;font-size:14px}.overlay-link{color:#fff;background:#ffffff26;border:1px solid #ffffff40;border-radius:8px;padding:6px 12px;font-size:14px;font-weight:500;text-decoration:none}.placeholder-page{flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100dvh;padding:24px;display:flex}.placeholder-page h1{font-size:24px}.placeholder-page a{color:#4fc3f7;text-decoration:none}.swipe-hint{z-index:5;pointer-events:none;flex-direction:column;align-items:center;gap:24px;animation:3s ease-out forwards swipeHintFade;display:flex;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.swipe-hint-item{color:#ffffffd9;text-shadow:0 1px 3px #0009;flex-direction:column;align-items:center;gap:2px;font-size:13px;font-weight:500;display:flex}.swipe-hint-item svg{animation:1s ease-in-out infinite swipeBounce}.swipe-hint-item:first-child svg{animation-name:swipeBounceUp}@keyframes swipeHintFade{0%{opacity:0}15%{opacity:1}75%{opacity:1}to{opacity:0}}@keyframes swipeBounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@keyframes swipeBounceUp{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.end-screen{padding:max(24px, env(safe-area-inset-top)) 20px max(24px, env(safe-area-inset-bottom));z-index:calc(var(--z-overlay) + 5);background:#000000eb;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.end-card{flex-direction:column;width:100%;max-width:340px;display:flex}.end-logo{text-align:center;margin-bottom:22px;padding:8px 16px}.end-logo-img{width:62%;max-width:180px;height:auto;margin:0 auto 10px;display:block}.end-tagline{color:#ffffff8c;margin-top:3px;font-size:11px}.end-count{text-align:center;margin-bottom:22px}.end-count-label{color:#ffffffb3;font-size:13px}.end-count-num{font-size:44px;font-weight:500;line-height:1.1}.end-count-track{background:#ffffff2e;border-radius:999px;height:3px;margin-top:6px;overflow:hidden}.end-count-bar{background:#fff;border-radius:999px;height:100%;transition:width 1s linear}.end-count-auto{color:#ffffff73;margin-top:8px;font-size:10px}.end-cta-primary{color:#000;cursor:pointer;background:#fff;border:none;border-radius:8px;width:100%;margin-bottom:10px;padding:14px;font-size:14px;font-weight:600}.end-cta-secondary{color:#fff;text-align:left;cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:8px;width:100%;padding:12px 14px;font-size:13px;line-height:1.4}.end-cta-secondary-top{color:#fff9;margin-bottom:3px;display:block}.end-cta-secondary-cta{color:#4fc3f7;font-weight:600;display:block}.dropdown-backdrop{z-index:calc(var(--z-dropdown) - 1);position:fixed;inset:0}.consent-banner{z-index:var(--z-consent);padding:16px 16px max(16px, env(safe-area-inset-bottom));background:#000000eb;border-top:1px solid #ffffff26;flex-direction:column;gap:12px;display:flex;position:fixed;bottom:0;left:0;right:0}.consent-text{opacity:.9;font-size:13px;line-height:1.4}.consent-policy{color:#4fc3f7;white-space:nowrap;text-decoration:underline}.consent-actions{justify-content:flex-end;gap:10px;display:flex}.consent-btn{cursor:pointer;border-radius:8px;padding:8px 18px;font-size:14px;font-weight:500}.consent-btn.decline{color:#fff;background:#ffffff1f;border:1px solid #ffffff40}.consent-btn.accept{color:#000;background:#4fc3f7;border:1px solid #4fc3f7}