:root{--bg:#101010;--panel:#191919;--accent:#e50914;--muted:#a9a9ad}
.catalog-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:14px 0;padding:12px 0;border-top:1px solid #ffffff18;border-bottom:1px solid #ffffff18}.pagination-label{font-size:14px;color:#ddd;font-variant-numeric:tabular-nums}.pagination-controls{display:flex;align-items:center;gap:8px;min-width:0}.pagination-controls button,.pagination-controls select{min-height:44px;font-size:13px;padding:9px 12px;white-space:nowrap}.pagination-controls select{width:auto;max-width:130px;background:#24242b;color:#fff;border:1px solid #41414b;border-radius:8px}.compact-pagination .pagination-label{font-size:12px}.compact-pagination .pagination-controls{width:100%;justify-content:space-between;gap:4px}.compact-pagination .pagination-controls button,.compact-pagination .pagination-controls select{font-size:11px;padding:8px 6px}.compact-pagination .pagination-controls select{max-width:100px}#catalog-section{scroll-margin-top:110px}@media(max-width:780px){.catalog-pagination{align-items:flex-start}.pagination-controls{width:100%;justify-content:space-between;gap:4px}.pagination-controls button,.pagination-controls select{font-size:12px;padding:9px 8px}#catalog-section{scroll-margin-top:20px}}
.topbar{position:sticky;top:0;z-index:20;background:linear-gradient(#080808f5,#101010ee);border-bottom:1px solid #ffffff0d;min-height:82px;gap:30px;padding-top:15px;padding-bottom:15px}.wordmark{display:inline-flex;gap:6px;align-items:baseline;color:#e50914;font-family:Impact,'Arial Narrow',sans-serif;font-size:33px;font-weight:900;letter-spacing:-.7px;line-height:1.1;transform:scaleX(.87);transform-origin:left center;text-shadow:0 2px 0 #840409}.wordmark-flix{font-size:.87em;letter-spacing:-1px}.topbar nav .active{color:#fff;font-weight:800}.topbar nav{flex-wrap:wrap}.topbar .nav-link{font-size:12px;color:#b9b9bd}.workspace{padding-top:30px;max-width:1800px}.intro{padding:0 0 10px}.intro h1{font-size:clamp(25px,3vw,36px);letter-spacing:-1px;margin-bottom:8px}.intro .eyebrow{display:none}.intro p{font-size:14px}.film-facts{font-size:12px;color:#ccc;line-height:1.8}.folder-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:38px}.folder-card{padding:0;min-height:160px;isolation:isolate;background:#202027;overflow:hidden;border:1px solid #ffffff12;border-radius:9px}.folder-card:hover{background:#202027;transform:translateY(-3px);transition:transform .18s}.folder-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#000e,transparent 90%);z-index:-1}.folder-card strong{padding:20px;font-size:20px;z-index:2}.category-collage{position:absolute;inset:-10px;display:grid;grid-template-columns:repeat(3,1fr);gap:3px;transform:rotate(-7deg) scale(1.12);z-index:-2;background:linear-gradient(130deg,#2c2734,#3d242b,#1c2028)}.category-collage img{width:100%;height:100%;object-fit:cover;min-width:0}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:25px 18px;margin:22px 0}.film-card{min-width:0;border-radius:9px;overflow:hidden;background:#181818;border:1px solid #ffffff0c;transition:transform .18s,border-color .18s}.film-card:hover{transform:translateY(-4px);border-color:#ffffff38}.film-art{aspect-ratio:16/10;position:relative;overflow:hidden;background:radial-gradient(at 80% 0%,#51404c,#252329 60%,#161619)}.film-art img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.film-card:hover .film-art img{transform:scale(1.06)}.film-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#18181866,transparent)}.film-play{position:absolute;bottom:12px;left:12px;z-index:2;width:35px;height:35px;border-radius:50%;border:1px solid #ffffff88;background:#0d0d0dbb;display:grid;place-items:center;font-size:12px;padding:0}.film-copy{padding:15px}.film-title{display:block;background:none;border:0;padding:0;text-align:left;font-size:16px;line-height:1.35;letter-spacing:-.3px}.film-title:hover{background:none;color:#fff}.film-copy .film-facts{margin:9px 0;font-size:10px;color:#bcbcc1}.film-copy .film-description{font-size:12px;line-height:1.7;margin:9px 0;color:#aaaab1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:3.4em}.film-copy .film-actors{font-size:10px;line-height:1.6;color:#88888f;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:0}.watch{scroll-margin-top:110px;margin:42px 0}.now-playing #playing-description{font-size:14px;color:#ccc;max-width:800px}.film-dialog{max-width:850px;width:calc(100% - 28px);padding:0;max-height:90vh;border:1px solid #333;overflow:auto;background:#181818}.detail-close{position:absolute;right:15px;top:15px;z-index:3;border-radius:50%;background:#111d;border:0;font-size:23px;width:40px;height:40px;padding:0}.detail-image-wrap{height:300px;background:linear-gradient(135deg,#362731,#17171b);position:relative}.detail-image-wrap:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#181818,transparent 75%)}.detail-image-wrap img{width:100%;height:100%;object-fit:cover}.detail-copy{position:relative;padding:0 32px 32px;margin-top:-35px}.detail-copy h2{font-size:32px;letter-spacing:-.8px}.detail-copy>p{font-size:14px;color:#d2d2d5}.detail-copy dl{font-size:13px;line-height:1.7;display:grid;grid-template-columns:90px 1fr;gap:10px;margin:26px 0}.detail-copy dt{color:#85858d}.detail-copy dd{margin:0;color:#d2d2d6}.settings-page{max-width:900px}.settings-page h1{margin-top:35px}.settings-page form{margin:30px 0}.settings-page form button{margin-top:15px}.settings-page ol{line-height:1.9}.topbar .brand{max-width:230px}.section-heading h2{font-size:21px;letter-spacing:-.4px}
@media(min-width:1600px){.catalog-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:1050px){.topbar{gap:15px}.wordmark{font-size:28px}}@media(max-width:780px){.topbar{position:relative}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.film-copy{padding:12px}.film-title{font-size:14px}.film-copy .film-description{font-size:11px}.film-copy .film-actors{font-size:9px}.folder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.folder-card{min-height:130px}.folder-card strong{font-size:17px;padding:15px}.detail-copy{padding:0 20px 25px}.detail-copy h2{font-size:26px}.detail-image-wrap{height:230px}.detail-copy dl{grid-template-columns:65px 1fr}.topbar nav{gap:10px}.wordmark{font-size:30px}}