/* Opaque fixed navigation prevents poster text bleeding through in either theme. */
.topbar{background:#0b0b10!important;box-shadow:0 1px 0 var(--line);gap:clamp(12px,2.6vw,40px)}
html[data-theme=light] .topbar{background:#f5f5f8!important}
.brand{flex-shrink:0}.brand img{display:block;width:clamp(130px,13vw,180px);height:auto;max-height:46px}
html[data-theme=light] .brand img,html[data-theme=light] .site-footer img{filter:drop-shadow(0 0 0 #171723)}
html[data-theme=light] .brand{background:#171723;border-radius:8px;padding:0 8px}
.nav{gap:clamp(10px,1.7vw,24px);min-width:0}.nav button{white-space:nowrap}
.top-actions{min-width:0}.search{min-width:0}.search input{min-width:0}
.site-footer{border-top:1px solid var(--line);margin:20px 4.2vw 0;padding:36px 0 30px;color:var(--muted);display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.site-footer>img{width:140px;height:auto;background:#101016;border-radius:8px;padding:4px}.site-footer>div{display:flex;gap:8px;margin-left:auto}.site-footer small{flex-basis:100%;font-size:12px}.site-footer strong{color:var(--text)}
.community-strip{display:flex;align-items:center;gap:22px;margin:10px 4.2vw 40px;padding:24px 0;border-block:1px solid var(--line)}
.community-label{font-weight:700;white-space:nowrap;color:var(--accent)}.community-strip p{margin:0;flex:1;font-size:16px;line-height:1.5}.community-strip button{font-size:13px;white-space:nowrap}
.verified-badge{display:inline-flex;width:19px;height:19px;align-items:center;justify-content:center;border-radius:50%;background:#168bff;color:#fff;margin-left:6px;vertical-align:middle;flex-shrink:0}.verified-badge svg{width:12px;height:12px;stroke-width:3}
.premium-badge{font-size:10px;font-weight:750;letter-spacing:1px;color:#ffd786;border:1px solid #bd92445c;padding:3px 7px;border-radius:5px;white-space:nowrap}
.profile-limit{color:var(--muted);font-size:12px;text-align:center}.profile-card[aria-current=true]{background:#fa20650b}
.account-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);padding-bottom:12px}.account-tabs button{flex:1;background:none;border:0;border-radius:8px;padding:10px}.account-tabs button[aria-selected=true]{background:#fa20651a;color:var(--accent)}
.account-dialog .dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.account-dialog .dialog-header h2{margin:0;font-size:28px}.account-dialog .dialog-header small{color:var(--accent);font-size:10px;letter-spacing:2px}.account-dialog .error:empty{display:none}.account-dialog .success{color:#50d99c}.account-dialog .icon-button{background:none;border:0;padding:4px;cursor:pointer}.account-dialog footer{flex-wrap:wrap}.account-dialog input{color:var(--text)}.account-dialog .password-hint{margin:0;font-size:12px}.account-dialog .google-signin{width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface2)}
.community-dialog{width:min(740px,94vw)}.community-feed{display:grid;gap:16px;max-height:45vh;overflow:auto}.community-post{border-bottom:1px solid var(--line);padding:12px 0}.community-post header{display:flex;align-items:center;gap:8px}.community-post p{white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0}.community-post small{color:var(--muted)}.community-post button{font-size:12px;padding:6px 10px}.comment-form{display:grid;gap:10px;margin-top:20px}.comment-form textarea{resize:vertical;min-height:76px;max-height:180px;width:100%;font:inherit;padding:12px;background:var(--surface2);color:var(--text);border:1px solid var(--line);border-radius:8px}.comment-form footer{display:flex;justify-content:space-between;align-items:center;gap:10px}.membership-dialog ul{padding-left:20px;line-height:2;color:var(--muted)}
button{transition:transform .18s ease,background-color .18s ease,border-color .18s ease}button:hover:not(:disabled){transform:translateY(-1px)}button:active:not(:disabled){transform:scale(.97)}.player-tools button:hover{transform:none}.nav button:after{transition:width .2s ease}.media-row{animation:section-in .35s ease both}.community-strip p.headline-change{animation:section-in .4s ease both}.startup-splash{position:fixed;inset:var(--title-h) 0 0;z-index:75;background:#050508;display:grid;place-items:center;animation:splash-out .8s .45s ease forwards;pointer-events:none}.startup-splash img{width:min(420px,65vw);height:auto;animation:section-in .5s ease both}
@keyframes section-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes splash-out{to{opacity:0;visibility:hidden}}
@media(max-width:1000px) and (min-width:761px){.search input{width:90px}.brand img{width:130px}.topbar{padding-inline:20px;gap:16px}.nav{gap:12px}.nav button{font-size:13px}}
@media(max-width:760px){.brand img{display:block;width:135px;height:auto}.brand{padding:0!important}.topbar{padding:10px 16px}.community-strip{flex-wrap:wrap;gap:12px}.community-strip p{flex-basis:100%;font-size:14px}.community-strip button{margin-left:auto}.site-footer{gap:12px}.site-footer>div{margin-left:0}.site-footer p{font-size:13px}.account-dialog{padding:24px}.account-dialog .dialog-header h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){.startup-splash{display:none}.media-row,.community-strip p.headline-change{animation:none}button{transition:none}}
.continue-card .poster{position:relative}.continue-card progress{position:absolute;bottom:0;left:0;width:100%;height:4px;border:0;border-radius:0;appearance:none;background:#ffffff45}.continue-card progress::-webkit-progress-bar{background:#ffffff45}.continue-card progress::-webkit-progress-value{background:var(--accent)}
.live-card{aspect-ratio:16/10!important}.live-card .poster{display:grid;place-items:center;background:radial-gradient(at 20% 15%,#9b1459,#242146 65%,#121219)}.channel-mark{font-size:clamp(22px,2.5vw,35px);font-weight:850;letter-spacing:-1px;text-align:center;color:#fff;margin-bottom:35px}.live-stream .seek-track,.live-stream .seek-button{display:none}.live-stream #timeEl{color:#ff3b6d;font-weight:800}.live-stream #speedSelect{display:none}@media(min-width:761px) and (max-width:1280px){.nav{gap:4px}.nav button{font-size:12px;padding:9px 7px}.topbar{gap:15px}.search input{width:130px}.brand img{width:140px}}
.banner-card{position:relative;overflow:hidden;isolation:isolate;transition:transform .22s ease,box-shadow .22s ease}.banner-card:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#09090ee8,#09090e55);transition:opacity .22s}.banner-card:hover,.banner-card:focus-visible{box-shadow:0 10px 30px #0005;transform:translateY(-3px)}.banner-card h3,.banner-card p{position:relative;text-shadow:0 2px 12px #000;color:#fff}.banner-card .pill{color:#fff;border-color:#ffffff55;background:#1119}.media-card .poster img{transition:transform .3s ease}.media-card:hover .poster img,.media-card:focus-visible .poster img{transform:scale(1.035)}@media(prefers-reduced-motion:reduce){.banner-card,.banner-card:before,.media-card .poster img{transition:none}.banner-card:hover,.banner-card:focus-visible,.media-card:hover .poster img{transform:none}}
.playback-preferences{width:min(560px,94vw)}.playback-preferences form{display:grid;gap:22px}.playback-preferences h2{font-size:25px;margin:0}.playback-preferences .preference-note{margin:0;font-size:13px;line-height:1.5;color:var(--muted)}.preference-toggle{display:flex;align-items:center;justify-content:space-between;gap:24px;cursor:pointer;font-size:15px}.preference-toggle small{display:block;font-size:12px;line-height:1.6;color:var(--muted);margin-top:5px}.preference-toggle input{width:20px;height:20px;flex-shrink:0;accent-color:var(--accent)}.preference-select{display:grid;grid-template-columns:1fr 180px;align-items:center;gap:20px;font-size:14px}.preference-select select{width:100%;padding:12px;background:var(--surface2);border:1px solid var(--line);border-radius:8px;color:var(--text);font:inherit}.playback-preferences .button-row{justify-content:flex-end}.playback-preferences .error:empty{display:none}@media(max-width:640px){.preference-select{grid-template-columns:1fr;gap:8px}.playback-preferences h2{font-size:22px}}