.watch-shell{height:calc(100svh - 72px);position:relative;overflow:hidden}.feed{scroll-snap-type:y mandatory;scrollbar-width:none;height:100%;overflow-y:auto}.feed::-webkit-scrollbar{display:none}.feed-item{scroll-snap-align:start;background:radial-gradient(circle at 50% 40%,var(--video-color),#090a0b 55%);place-items:center;height:100%;display:grid;position:relative}.player-frame{aspect-ratio:9/16;background:linear-gradient(145deg,var(--video-color),#08090a);border:1px solid #333;border-radius:6px;height:min(82vh,760px);position:relative;overflow:hidden;box-shadow:0 28px 90px #000}.player-frame:before{content:"";aspect-ratio:1;border:1px solid #ffffff2e;border-radius:50%;width:70%;position:absolute;top:20%;left:15%;box-shadow:0 0 90px #ff5a362e}.player-gradient{background:linear-gradient(#0000,#000000eb);position:absolute;inset:35% 0 0}.watch-copy{z-index:2;position:absolute;bottom:28px;left:20px;right:60px}.watch-copy h1{margin:0 0 8px;font-size:34px;line-height:.95}.watch-copy p{color:#d0cec9;margin:0;font-size:13px;line-height:1.45}.watch-controls{z-index:3;flex-direction:column;gap:10px;display:flex;position:absolute;bottom:28px;right:12px}.watch-controls button,.watch-controls a{color:#fff;background:#00000073;border:1px solid #ffffff47;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.progress{z-index:3;background:#ffffff40;height:3px;position:absolute;bottom:0;left:0;right:0}.progress i{background:var(--ember);width:38%;height:100%;display:block}@media (min-width:900px){.watch-shell:before{content:"Use ↑ and ↓ to navigate";z-index:4;color:var(--muted);font-size:12px;position:absolute;bottom:28px;left:28px}.player-frame{height:min(80vh,720px)}}@media (max-width:899px){.watch-shell{height:calc(100svh - 62px)}.player-frame{border:0;border-radius:0;width:100%;height:100%}.feed-item{display:block}.watch-copy{bottom:34px}}