:root { --video-height: calc(100dvh - 52px - 62px - env(safe-area-inset-bottom)); }
* { box-sizing: border-box; }
body { margin: 0; background: #101316; font-family: 'Noto Sans Telugu', sans-serif; color: #fff; }
.video-header { position: fixed; inset: 0 0 auto; height: 52px; display: flex; align-items: center; justify-content: space-between; padding: 0 18px; background: #fff; color: #222; z-index: 10; }
.video-header a { text-decoration: none; color: #222; font-weight: 800; }
.video-header a span { color: #dc2537; }
.video-header strong { font-size: 12px; font-weight: 500; color: #888; }
#videoPosition { font-size: 11px; color: #888; }
.video-feed { position: fixed; top: 52px; bottom: calc(62px + env(safe-area-inset-bottom)); left: 0; right: 0; overflow-y: auto; scroll-snap-type: y mandatory; scrollbar-width: none; }
.video-card { position: relative; height: var(--video-height); width: min(520px, 100%); margin: auto; scroll-snap-align: start; scroll-snap-stop: always; background: #151a1e; }
.player-shell { position: absolute; inset: 16px 0 175px; background: #000; }
.video-player, .player-shell iframe { width: 100%; height: 100%; border: 0; }
.video-copy { position: absolute; bottom: 12px; left: 20px; right: 20px; }
.video-copy small { color: #a7b0b8; font-size: 10px; }
.video-copy h1 { font-size: 16px; font-weight: 600; line-height: 1.55; max-height: 50px; overflow-y: auto; margin: 8px 0 12px; }
.video-controls { display: flex; gap: 12px; align-items: center; }
.video-controls button { min-width: 40px; height: 38px; padding: 0 12px; background: #ffffff12; border: 1px solid #ffffff18; color: #fff; border-radius: 9px; cursor: pointer; }
.video-controls button[data-video-action="next"] { margin-left: auto; }
.video-hint { display: block; color: #798590; text-align: center; font-size: 10px; margin-top: 12px; }
.video-error { display: block; font-size: 11px; color: #f7c1c6; }
.video-nav { position: fixed; inset: auto 0 0; height: calc(62px + env(safe-area-inset-bottom)); padding: 0 max(12px, calc((100vw - 520px)/2)) env(safe-area-inset-bottom); display: flex; align-items: center; justify-content: space-around; background: #fff; }
.video-nav a { display: flex; flex: 1; flex-direction: column; align-items: center; gap: 5px; color: #929aa2; font-size: 9px; text-decoration: none; min-width: 0; }
.video-nav a i { font-size: 20px; }
.video-nav a span { max-width: 65px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.video-nav a.active { color: #dc2537; }
.video-nav a.video-add { flex: 0 0 40px; height: 40px; justify-content: center; margin: 0 12px; color: #fff; background: #dc2537; border-radius: 13px; }
.video-empty { padding: 60px 20px; text-align: center; color: #999; }
button:focus-visible, a:focus-visible { outline: 2px solid #dc2537; outline-offset: 2px; }
@font-face {
    font-family: 'JspNews Telugu';
    src: url('/fonts/NotoSansTelugu.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: block;
}