#film-browser{padding:120px 5% 48px;min-height:100vh;background:radial-gradient(ellipse at 90% 0,#34123233,transparent 36%),#07080c}
.films-view #home> :not(#film-browser){display:none!important}.films-view header{position:fixed;background:#080910f5;z-index:25}.films-view footer{display:none}.films-view header nav a[aria-current=page]{color:var(--cyan)}
.browse-heading{display:flex;gap:28px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.browse-heading h1{font-size:34px;line-height:1;letter-spacing:-1px;margin:0}.browse-select{display:flex;gap:10px;align-items:center}.browse-select>span{font-size:12px;color:#b9bcc9}.browse-select select{max-width:300px;color:#fff;background:#11121a;border:1px solid #666674;padding:10px 32px 10px 12px;font:13px Arial;border-radius:3px}.browse-select select:focus-visible{outline:2px solid var(--cyan)}.browse-search{margin-left:auto;display:flex;gap:10px;align-items:center}.browse-search span{font-size:12px;color:#b9bcc9}.browse-search input{background:#11121a;border:1px solid #484957;color:#fff;width:220px;padding:10px 12px;border-radius:3px}
.browse-shortcuts{display:flex;gap:8px;overflow-x:auto;padding:3px 0 9px;scrollbar-width:none}.browse-shortcuts button{white-space:nowrap;border-radius:30px;border:1px solid #ffffff38;color:#dddfea;background:#ffffff06;padding:8px 13px;font-size:12px}.browse-shortcuts button[aria-pressed=true]{color:var(--cyan);border-color:var(--cyan);background:#39fff310}#browse-count{font-size:11px;color:#8f95ab;margin:9px 0 21px}
.browse-category-row{margin-bottom:26px}.browse-row-heading{display:flex;gap:10px;align-items:center;margin-bottom:10px}.browse-row-heading h2{font-size:19px;font-weight:600;letter-spacing:0;margin:0}.browse-row-heading h2:after{display:none}.browse-row-heading>span{font-size:10px;color:#878da2}.browse-row-heading>div{display:flex;gap:6px;margin-left:auto}.browse-row-heading button{border:0;color:#bfc5d3;background:transparent;font-size:22px;padding:0 8px}.browse-row-heading button:hover{color:var(--cyan)}
.browse-rail{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(110px,10.7vw,146px);gap:10px;overflow-x:auto;scroll-snap-type:x proximity;padding:4px 1px 10px;scrollbar-width:none}.browse-rail:hover{scrollbar-width:thin;scrollbar-color:#ff2bd66b transparent}.browse-card{min-width:0;scroll-snap-align:start}.browse-poster{position:relative;display:block;width:100%;aspect-ratio:2/3;border:1px solid #ffffff15;border-radius:4px;padding:0;overflow:hidden;background:#131520;color:#fff;transition:transform .18s,box-shadow .18s}.browse-poster img{display:block;height:100%;width:100%;object-fit:cover}.browse-poster-shade{position:absolute;inset:0;background:linear-gradient(transparent 55%,#030409e8)}.browse-poster-title{position:absolute;bottom:11px;left:10px;right:10px;font-size:13px;font-weight:700;text-shadow:0 1px 6px #000;text-align:left;line-height:1.2}.browse-plus{position:absolute;right:8px;top:8px;opacity:0;color:var(--cyan)}.browse-poster:hover,.browse-poster:focus-visible{transform:translateY(-3px);border-color:var(--cyan);box-shadow:0 0 17px #39fff328}.browse-poster:hover .browse-plus{opacity:1}.browse-card-caption{display:flex;align-items:start;gap:5px;padding-top:7px}.browse-card-caption h3{font-size:11px;font-weight:400;line-height:1.35;margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1;color:#d2d4df}.browse-card-caption button{font-size:9px;background:transparent;border:0;color:var(--cyan);padding:0 2px}.browse-results{grid-auto-flow:row;grid-template-columns:repeat(8,minmax(0,1fr));grid-auto-columns:auto;overflow:visible;gap:18px 10px}.browse-empty{padding:35px 0;color:#b4b8ca}
@media(max-width:1200px){.browse-rail{grid-auto-columns:calc((100% - 50px)/6)}.browse-results{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-columns:auto}}
@media(max-width:900px){.browse-rail{grid-auto-columns:calc((100% - 40px)/5)}.browse-results{grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-columns:auto}.browse-heading{gap:18px}.browse-search{margin-left:0}.browse-poster-title{font-size:11px}}
@media(max-width:760px){#film-browser{padding:88px 18px 25px}.browse-heading{gap:15px;margin-bottom:12px}.browse-heading h1{font-size:28px}.browse-select>span,.browse-search>span{display:none}.browse-select{flex:1;justify-content:flex-end}.browse-select select{max-width:230px;width:100%;font-size:11px;padding:9px 18px 9px 9px}.browse-search{width:100%}.browse-search input{width:100%;padding:10px 12px;font-size:13px}.browse-shortcuts button{font-size:10px;padding:7px 11px}#browse-count{margin-bottom:16px}.browse-row-heading h2{font-size:15px}.browse-row-heading{gap:6px;margin-bottom:6px}.browse-row-heading>span{font-size:9px}.browse-row-heading button{font-size:20px;padding:0 4px}.browse-category-row{margin-bottom:19px}.browse-rail{grid-auto-columns:calc((100% - 24px)/3.35);gap:8px}.browse-results{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto;gap:16px 8px}.browse-poster-title{font-size:10px;left:7px;right:7px;bottom:9px}.browse-card-caption h3{font-size:10px}.browse-poster{border-radius:3px}.browse-card-caption{padding-top:5px}}
@media(prefers-reduced-motion:reduce){.browse-poster{transition:none}}

#film-browser .browse-see-all{font-size:12px;color:#39fff3;white-space:nowrap;padding:6px 8px;border:1px solid #39fff330;border-radius:4px}#film-browser .browse-load-more{display:block;margin:24px auto 50px}#film-browser .browse-load-more[hidden]{display:none}@media(max-width:760px){#film-browser .browse-heading h1{font-size:25px}#film-browser .browse-see-all{font-size:10px;padding:5px}.browse-row-heading h2{max-width:65%}}