[hidden]{display:none!important}
.topbar{height:60px;border-top:0;padding-inline:16px}.top-actions button{height:36px;font-size:13px}.round-control{width:36px}.wordmark{flex-shrink:0;width:100px;height:46px}
.showcase{min-height:0;padding:18px 0 20px}.carousel-window{height:510px;perspective:1500px;touch-action:pan-y;padding:0}.hero-card,.hero-card.current{left:50%;top:50%;width:300px;height:450px;aspect-ratio:2/3;border-radius:14px;transition:transform .5s cubic-bezier(.22,.61,.36,1),opacity .5s;filter:none;transform-style:preserve-3d}.hero-card.current{transform:translate(-50%,-50%);border:2px solid var(--gold);z-index:3}.hero-card.side-left{left:50%;transform:translate(-128%,-50%) translateZ(-150px) rotateY(32deg) scale(.8);opacity:.6;z-index:2}.hero-card.side-right{left:50%;transform:translate(28%,-50%) translateZ(-150px) rotateY(-32deg) scale(.8);opacity:.6;z-index:2}.hero-card.far{opacity:0;pointer-events:none;transform:translate(-50%,-50%) translateZ(-400px) scale(.5)}
.hero-copy{margin-top:10px}.hero-copy h1{font-size:clamp(20px,3vw,30px);line-height:1.3;margin-bottom:14px}.watch-button{min-width:180px;height:48px;font-size:16px}.new-badge{font-size:11px;padding:4px 9px;border-radius:6px}.carousel-dots{gap:4px;margin-top:12px}.carousel-dots button{width:36px;height:24px;background:linear-gradient(#ffffff4d,#ffffff4d) center/90% 4px no-repeat}.carousel-dots button.active{width:52px;background:linear-gradient(var(--gold),var(--gold)) center/90% 4px no-repeat}
.rail-section{max-width:1400px;margin:auto;padding:28px 24px}.rail-heading h2{font-size:25px;letter-spacing:-.4px}.rail-heading p{font-size:13px}.wide-rail,.trend-rail{overflow-x:auto;gap:12px}.watching-card{flex:0 0 180px}.wide-poster{height:auto;aspect-ratio:2/3}.watching-card strong{font-size:14px;font-weight:600}.watching-pill{top:auto;bottom:54px}.new-grid{display:flex;overflow:auto}.new-card{flex:0 0 180px}.trend-rail{margin:0;padding-left:0}.trend-card{flex:0 0 240px;height:264px}.trend-poster{width:176px;height:264px}.trend-details{width:174px;bottom:15px}.rank{bottom:40px;font-size:120px}.watching-card:nth-child(n),.trend-card:nth-child(n){display:block}
@media(max-width:640px){.showcase{--stage:clamp(250px,calc(100svh - 330px),430px);padding:20px 0 12px}.carousel-window{height:var(--stage);perspective:1000px}.hero-card,.hero-card.current{width:calc(var(--stage)*.6);height:calc(var(--stage)*.9)}.hero-card.side-left{transform:translate(-114%,-50%) translateZ(-110px) rotateY(30deg) scale(.76)}.hero-card.side-right{transform:translate(14%,-50%) translateZ(-110px) rotateY(-30deg) scale(.76)}.rail-section{padding:24px 14px}.wide-rail{margin:0 -14px;padding:0 14px 8px}.watching-card{flex-basis:calc((100vw - 40px)/2.2)}.wide-poster{height:auto}.watching-pill{font-size:10px;padding:5px 7px}.trend-card{flex-basis:176px;height:198px}.trend-poster{width:132px;height:198px}.rank{font-size:92px;bottom:30px}.trend-details{width:132px}.trend-details strong{font-size:13px}.new-grid{margin:0;padding:0}.new-card{flex-basis:calc((100vw - 40px)/2.2)}.bottom-nav{height:72px}.rail-heading h2{font-size:24px}.live-counter{margin-bottom:20px}.platform-chip{height:44px;min-width:120px}.hero-copy h1{font-size:21px}.top-actions{gap:6px}.signin-control,.list-control{padding-inline:12px}}
