:root { color-scheme: dark; background:#000; }
* { box-sizing:border-box; }
html, body { width:100%; height:100%; margin:0; background:#000; }
body { overflow:hidden; font-family:Arial, "Noto Sans KR", sans-serif; }
.video-feed { height:100svh; overflow-y:auto; overflow-x:hidden; scroll-snap-type:y mandatory; overscroll-behavior-y:contain; scrollbar-width:none; background:#000; }
.video-feed::-webkit-scrollbar { display:none; }
.video-slide { width:100%; height:100svh; scroll-snap-align:start; scroll-snap-stop:always; background:#000; }
.player-shell { width:100%; height:100%; display:grid; place-items:center; background:#000; }
.player-shell iframe { display:block; height:100%; width:min(100%, calc(100svh * 0.5625)); border:0; background:#000; }
.mobile-popup-ad { display:none; }
.desktop-ad-group { display:none; }
@media (min-width:601px) { .video-slide.has-desktop-ad { display:flex; flex-direction:column; gap:12px; padding:12px 0; }.video-slide.has-desktop-ad .player-shell { height:calc(100svh - 168px); }.desktop-ad-group { width:min(728px, 86vw); margin:0 auto; display:flex; flex-direction:column; gap:8px; opacity:0; visibility:hidden; transform:translateY(-7px); pointer-events:none; transition:opacity .18s ease, transform .18s ease, visibility 0s linear .18s; }.video-slide.ad-visible .desktop-ad-group { opacity:1; visibility:visible; transform:none; pointer-events:auto; transition:opacity .18s ease, transform .18s ease; }.offer-timer { height:34px; padding:0 13px; display:flex; align-items:center; justify-content:space-between; border:1px solid #303030; background:#090909; color:#a8a8a8; font-size:11px; }.offer-countdown-value { color:#ff6b55; font:700 16px/1 monospace; letter-spacing:.08em; }.desktop-inline-ad { height:90px; padding:18px 24px; display:flex; align-items:center; justify-content:space-between; border:1px solid #2d2d2d; background:#111; color:#ddd; }.desktop-inline-ad span { display:block; margin-bottom:5px; color:#7d7d7d; font:10px monospace; letter-spacing:.08em; }.desktop-inline-ad strong { font-size:15px; letter-spacing:-.6px; }.desktop-inline-ad small { color:#777; font:10px monospace; } }
@media (max-width:600px) { .player-shell iframe { width:100%; }.mobile-popup-ad { position:fixed; z-index:5; bottom:72px; left:12px; right:12px; min-height:66px; padding:12px 14px; display:flex; align-items:center; justify-content:space-between; border:1px solid #5b5b5b; border-radius:8px; background:rgba(20,20,20,.96); box-shadow:0 9px 30px rgba(0,0,0,.45); color:#f2f2f2; }.mobile-popup-ad[hidden] { display:none; }.mobile-popup-ad span { display:block; margin-bottom:4px; color:#999; font:9px monospace; letter-spacing:.08em; }.mobile-popup-ad strong { font-size:13px; letter-spacing:-.5px; }.mobile-popup-actions { display:flex; align-items:center; gap:9px; }.mobile-popup-actions .offer-countdown-value { font-size:13px; }.mobile-popup-ad button { width:32px; height:32px; border:0; border-radius:50%; background:#333; color:#fff; font-size:24px; line-height:1; cursor:pointer; } }