/* Local covers are visible before the image loader or any network response. */
html:root{--ai-placeholder-portrait:url('/assets/placeholders/cover-portrait-v231.svg');--ai-placeholder-landscape:url('/assets/placeholders/cover-landscape-v231.svg');--ai-placeholder-square:url('/assets/placeholders/content-square-v231.svg')}
html body.ui-a-302 img:is([data-lazy-src],[data-cover-placeholder],[data-ai-placeholder]){background-image:var(--ai-placeholder-image,var(--ai-placeholder-portrait))!important;background-color:#22232a!important;background-size:cover!important;background-position:center!important}
html body.ui-a-302 :is([data-video-orientation="landscape"],.ai-full-movie-card,.movie-grid) img,html body.ui-a-302 img[data-placeholder-kind="landscape"]{--ai-placeholder-image:var(--ai-placeholder-landscape)}
html body.ui-a-302 :is([data-video-orientation="portrait"],.ai-short-cover) img,html body.ui-a-302 img[data-placeholder-kind="portrait"]{--ai-placeholder-image:var(--ai-placeholder-portrait)}
html body.ui-a-302 img[data-placeholder-kind="square"]{--ai-placeholder-image:var(--ai-placeholder-square)}
html body.ui-a-302 img.ai-image-loading{animation:none!important}
html body.ui-a-302 img.ai-image-ready{background-image:none!important;background-color:transparent!important}
.app-startup-skeleton{min-height:100vh;box-sizing:border-box;padding:24px 16px;background:#101115;color:#e3c98e}
.app-startup-skeleton header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:8px 0 22px;font:600 22px/1.4 sans-serif}
.app-startup-skeleton header span{font:14px/1.4 sans-serif;color:#b9b5aa}
.app-startup-skeleton .skeleton-covers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.app-startup-skeleton .skeleton-covers span{display:block;aspect-ratio:3/4;border-radius:10px;background:var(--ai-placeholder-portrait) center/cover}