/* Shared catalogue art direction: dark photographic opening, pale gallery and graphite footer. */
body:has(.community-home,.title-page){
 --bg:#f4f5f7;--surface:#fff;--ink:#20242c;--muted:#555d68;--line:#dbe0e6;--accent:#345fc2;--accent-ink:#fff;--soft:#e9edf4;
 background:var(--bg);color:var(--ink)
}
:root[data-theme=dark] body:has(.community-home,.title-page){
 --bg:#17191d;--surface:#24272d;--ink:#f4f5f8;--muted:#bec5cf;--line:#3c424c;--accent:#abc2ff;--accent-ink:#152849;--soft:#303640
}
.community-home.wrap{width:100%;max-width:none;padding-inline:0}
.community-home>.home-notice,.community-home>.latest-columns{width:min(1320px,calc(100% - 48px));margin-inline:auto}
.community-home .home-intro{position:relative;isolation:isolate;display:grid;place-items:center;width:100%;margin:0;background:#131519;color:white;padding:clamp(46px,6vw,90px) 20px clamp(46px,5vw,72px)}
.home-intro.has-feature>.cinema-feature{grid-area:auto;position:absolute;inset:0;z-index:-1;margin:0;min-height:0;border:0;border-radius:0;background:#15171b}
.home-intro.has-feature>.cinema-feature img{opacity:.72;object-position:50% 33%}
.home-intro.has-feature>.cinema-feature::before{background:linear-gradient(180deg,#10121666,#121418d4),linear-gradient(90deg,#121418bb,transparent 48%,#121418bb)}
.home-intro.has-feature>.cinema-feature>div{position:absolute;inset:auto 20px 12px auto;padding:0;width:auto;max-width:55%;color:#e7eaf0}
.home-intro.has-feature>.cinema-feature h2{font-size:.85rem;font-weight:500;margin:0;text-align:start}
.home-intro.has-feature>.cinema-feature :is(p,span){display:none}
.community-home .home-intro>.catalog-search{width:min(760px,100%);max-width:none;margin:0;padding:0;display:block;background:transparent;color:white;border:0;text-align:center}
.community-home .home-intro .search-heading{padding:0;margin:0;min-height:0}
.community-home .home-intro .search-heading h1{max-width:none;width:100%;font-size:clamp(29px,3.7vw,54px);font-weight:750;color:white;line-height:1.15;margin:0 auto 22px;text-wrap:balance}
.community-home .home-intro .search-main{background:#202328;color:white;border:1px solid #7a818f;border-radius:12px}
.community-home .home-intro .search-main input{background:transparent;color:white}.community-home .home-intro .search-main input::placeholder{color:#ced2da}
.community-home .home-intro .search-options{position:static;justify-content:center;color:#d7dce4;margin-top:7px}
.community-home .home-intro .availability-filter{color:#d7dce4}
.community-home .catalogue-totals{justify-content:center;gap:0;color:white;margin-top:22px;font-variant-numeric:tabular-nums}
.catalogue-totals div{min-width:5.3rem;padding-inline:clamp(10px,2vw,26px)}.catalogue-totals div+div{border-inline-start:1px solid #ffffff42}
.catalogue-totals dt{color:#d0d4dd}.catalogue-totals dd{font-size:clamp(22px,2.2vw,32px);line-height:1.25}
.community-home .film-shelf{margin-block:clamp(22px,3vw,42px)}
.film-shelf .panel-heading,.film-strip{padding-inline:max(24px,calc((100% - 1320px)/2))}
.film-strip{align-items:flex-start;padding-block:5px 16px;scrollbar-width:none}
.strip-item{flex-basis:clamp(144px,13vw,184px)}
.poster-jacket{display:block;position:relative;border-radius:8px;overflow:hidden;box-shadow:0 5px 14px #1118221c}
.poster-jacket .jacket-labels,.poster-jacket .jacket-count{position:absolute;bottom:6px;display:inline-flex;align-items:center;gap:3px;color:#fff;font-size:11px;line-height:18px}
.jacket-labels{inset-inline-start:5px}.jacket-count{inset-inline-end:5px;background:#15171cec;border-radius:3px;padding:0 4px}.jacket-count svg{width:12px;height:12px}
.jacket-labels b,.release-specs b{padding:0 4px;background:#15171cec;border-radius:3px;color:white}
.strip-item .home-poster strong{font-size:15px;margin:6px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.latest-columns{gap:28px}.release-rows a{min-height:104px}.release-rows img{width:72px;height:108px}.release-rows a>div{min-width:0}.release-rows strong,.release-rows small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.release-specs{display:flex;gap:4px;margin-top:6px;font-size:11px}
.community-footer{background:linear-gradient(#24282c,#151719);border-radius:18px 18px 0 0}
.catalog-footer-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:24px;padding-block:22px 36px}
.catalog-footer-grid nav,.catalog-footer-grid .footer-identity{display:flex;flex-direction:column;align-items:start;gap:7px}.catalog-footer-grid nav strong{margin-bottom:6px;color:#fff}
.catalog-footer-grid a,.catalog-footer-grid p{color:#d0d4d9}
.title-page .movie-hero{padding:clamp(20px,3.5vw,48px);background:#17191c}
.title-page .movie-copy h1{font-size:clamp(26px,3.2vw,48px);line-height:1.12}
.title-page .subtitles-section{background:transparent;border:0;padding-inline:0}
.title-page .episode-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:7px}
.episode-picker a{display:flex;align-items:center;justify-content:center;gap:6px;background:var(--surface)}
.episode-picker .available i{width:6px;height:6px;border-radius:50%;background:#218251}
.title-page .file-list{display:grid;gap:9px}.title-page .file-list>.file-row{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:14px 16px}
.title-page .file-tags .release-spec{background:var(--soft);color:var(--ink);border-radius:4px;padding:1px 5px;font-size:.74rem}
.title-page .filename{font-family:ui-monospace,monospace;font-size:.88rem;text-align:start}
.title-page .file-credits{padding-block:8px 3px;margin-block-start:8px;border-top:1px solid var(--line)}
@media(max-width:760px){
 .community-home>.home-notice,.community-home>.latest-columns{width:calc(100% - 28px)}
 .film-shelf .panel-heading,.film-strip{padding-inline:14px}.strip-item{flex-basis:clamp(130px,36vw,164px)}
 .home-intro.has-feature>.cinema-feature>div{inset-inline-start:14px;inset-block-end:7px}
 .catalog-footer-grid{grid-template-columns:1fr 1fr;gap:18px}.catalog-footer-grid .footer-identity{grid-column:1/-1}
 .title-page .episode-picker{grid-template-columns:repeat(auto-fill,minmax(67px,1fr))}
}
.title-page .file-list>.file-row{grid-template-areas:"identity stats actions" "credits credits credits" "notes notes notes";grid-template-columns:minmax(0,1fr) auto auto;align-items:center}
.title-page .file-list .filename{text-align:right}
.title-page .file-list .file-numbers{display:grid;gap:1px;font-size:.84rem}
.title-page .file-list .file-credits{grid-area:credits;margin:0;padding:9px 0 0;align-items:baseline}
.title-page .file-list .file-credits a{font-weight:600}
@media(max-width:760px){
 .title-page .file-list>.file-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"identity identity" "stats actions" "credits credits" "notes notes"}
}

/* Keep the poster shelves scrollable by touch, trackpad and keyboard. */
.community-home .film-strip{scrollbar-width:none}
.community-home .film-strip::-webkit-scrollbar{display:none}
.own-uploads>summary{display:flex;align-items:center;gap:.65rem;min-height:44px;cursor:pointer;list-style:none}
.own-uploads>summary::-webkit-details-marker,.file-filter-options>summary::-webkit-details-marker{display:none}
.file-filter-options>summary{list-style:none}
.own-uploads>summary .icon{margin-inline-start:auto}
.own-uploads[open]>summary .icon{transform:rotate(180deg)}
.own-uploads-link{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-block:.5rem;color:var(--muted)}
.match-feedback:empty{display:none}
.match-feedback{margin-block:.5rem;color:var(--muted)}
.home-intro .home-greeting{margin:.45rem 0 .75rem;color:inherit;font-size:1rem}
.title-page [data-file-group]{--release-columns:minmax(12rem,1fr) minmax(6rem,9rem) 6rem 5rem 3.5rem auto}
.release-head{display:none}
.title-page .release-type{grid-area:type;display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}
.title-page .release-date{grid-area:date}
.title-page .release-size{grid-area:size}
.title-page .release-count{grid-area:count}
.release-date,.release-size,.release-count,.codec{color:var(--muted);font-size:.85rem;font-variant-numeric:tabular-nums}
.title-page .file-list .file-row{display:grid}
@media(min-width:1050px){
 .title-page .release-head,.title-page .file-list>.file-row{grid-template-columns:var(--release-columns);column-gap:12px;padding-inline:14px}
 .release-head{display:grid;padding-block:9px;border-block-end:1px solid var(--line);color:var(--muted);font-size:.82rem}
 .title-page .file-list{display:grid;gap:0}
 .title-page .file-list>.file-row{border:0;border-bottom:1px solid var(--line);border-radius:0;row-gap:3px;grid-template-areas:"identity type date size count actions" "credits type date size count actions" "notes notes notes notes notes notes"}
 .release-head,.title-page [data-file-group]{--release-columns:minmax(11rem,1fr) minmax(6rem,9rem) 5.6rem 5rem 3.5rem 13rem}
 .title-page .file-list .file-credits{padding:0;border:0}
 .mobile-unit{display:none}
}
@media(max-width:1049px){
 .title-page .file-list>.file-row{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:7px;grid-template-areas:"identity identity identity" "credits credits credits" "type type date" "size count count" "actions actions actions" "notes notes notes"}
 .title-page .file-list .file-credits{border:0;padding:0}
 .title-page .file-primary-actions{justify-self:start}
}
.upload-dialog{width:min(39rem,calc(100% - 24px));max-height:85dvh;overflow:auto;border:1px solid var(--line);border-radius:14px;padding:0 20px 20px;color:var(--ink);background:var(--surface)}
.upload-dialog::backdrop{background:#090c13ad}
.upload-dialog header{position:sticky;top:0;z-index:1;background:var(--surface);display:flex;justify-content:space-between;align-items:center;padding-block:12px;border-bottom:1px solid var(--line)}
.upload-dialog h2{font-size:1.15rem;margin:0}
.upload-dialog .upload-form{width:100%;max-width:none;padding:0;border:none;box-shadow:none}
.upload-dialog .file-picker{position:relative;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5rem;min-height:80px;border:1px dashed var(--line);border-radius:8px}
.upload-dialog .file-picker.dragging{border-color:var(--accent)}
.upload-dialog .file-picker input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.upload-dialog .file-picker:focus-within{outline:2px solid var(--accent)}
.upload-dialog .upload-receipt article{padding-block:10px;border-bottom:1px solid var(--line)}
.upload-dialog [data-upload-status]:empty{display:none}
.upload-dialog .upload-episode-list{max-height:9rem}
@media(max-width:640px){.upload-dialog{padding-inline:14px}.upload-dialog .upload-form{display:grid;grid-template-columns:minmax(0,1fr)}}
.drop-invite{display:none}.upload-dialog .drop-invite{display:inline;color:var(--muted)}

.upload-dialog .chosen-files[hidden]{display:none}.upload-dialog textarea{min-height:4rem;height:4rem}