.viewer-nav{display:flex;gap:25px;padding-block:16px;border-bottom:1px solid var(--line);flex-wrap:wrap}.viewer-nav a{font-size:16px;color:var(--muted);text-decoration:none;min-height:32px;display:flex;align-items:center}.viewer-nav a:hover{color:var(--ink)}.watch-showcase{position:relative;isolation:isolate;min-height:600px;display:flex;align-items:center;overflow:hidden}.watch-showcase>img{position:absolute;inset:0;height:100%;object-position:70% center;z-index:-2}.watch-showcase:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0c0e18f5,#0c0e18a8 50%,#0c0e1820),linear-gradient(0deg,var(--bg),transparent 50%)}.watch-intro{padding-block:60px}.watch-intro h1{max-width:820px}.browse-controls{display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px;margin:30px 0}input,.browse-controls select{display:block;width:100%;min-height:50px;padding:12px 14px;margin-top:8px;border:1px solid #6d6c87;border-radius:12px;background:#111525;color:var(--ink);font:inherit}.poster-image{display:block}.poster-copy h3 a{text-decoration:none}.title-meta{font-size:16px!important;color:var(--lilac)!important}.card-actions{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:25px}.save-button{border:1px solid var(--line);border-radius:12px;background:#ffffff09;color:var(--ink);padding:10px 12px;font:inherit;min-height:44px}.save-button[aria-pressed=true]{color:var(--mint);border-color:#b6e1d577}.empty-panel{border:1px dashed #626179;border-radius:24px;padding:35px;margin:28px 0;color:var(--muted)}.empty-panel h2,.empty-panel h3{color:var(--ink);margin-bottom:20px}.empty-panel[hidden]{display:none}.detail-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:55px;margin-top:35px;align-items:center}.detail-poster{height:520px;border-radius:24px}.detail-grid h1{font-size:clamp(44px,5vw,76px)}.detail-grid .muted{margin-top:22px}.player-shell{background:#03040a;border:1px solid var(--line);border-radius:24px;overflow:hidden;display:flex;justify-content:center}.player-shell video{width:100%;max-height:75vh;min-height:250px;display:block}.continue-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.resume-card{display:flex;align-items:center;gap:20px;text-decoration:none;background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden;padding-right:22px}.resume-card img{width:100px;height:120px}.resume-card span{font-size:16px}.account-layout{display:grid;grid-template-columns:1fr 1fr;gap:25px}.account-panel{padding:35px;border:1px solid var(--line);border-radius:24px;background:var(--panel)}.account-panel h2{font-size:36px;margin-bottom:25px}.account-panel label{margin:18px 0}.account-panel p{color:var(--muted)}.account-panel[hidden]{display:none}button[hidden],section[hidden]{display:none!important}
@media(max-width:760px){.viewer-nav{gap:16px;justify-content:space-between}.viewer-nav a{min-height:44px}.watch-showcase{min-height:660px;align-items:end}.watch-showcase:after{background:linear-gradient(0deg,var(--bg),#0c0e18ad 65%,#0c0e1844)}.watch-intro{padding-top:180px;padding-bottom:30px}.watch-intro h1{font-size:clamp(48px,10vw,68px)}.browse-controls{grid-template-columns:1fr 1fr}.browse-controls label:first-child{grid-column:1/-1}.detail-grid{grid-template-columns:1fr;gap:28px}.detail-poster{height:360px}.continue-grid,.account-layout{grid-template-columns:1fr}.account-panel{padding:26px}.viewer-card .poster-image{height:320px}.empty-panel{padding:25px}}
@media(max-width:350px){.viewer-nav{gap:8px}.viewer-nav a{font-size:16px}.browse-controls{grid-template-columns:1fr}.browse-controls label{grid-column:1}.card-actions{flex-wrap:wrap}}