:root{color-scheme:dark;--bg:#141414;--panel:#202020;--ink:#f5f5f5;--muted:#bbb;--accent:#ffac75;font-family:system-ui,sans-serif;background:var(--bg);color:var(--ink)}
*{box-sizing:border-box}body{margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit}button{cursor:pointer}button,input{border:1px solid #505050;border-radius:10px;background:#292929;color:var(--ink);padding:.55rem .8rem}button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.top{background:#1b1b1b;border-bottom:1px solid #393939}.nav-wrap{max-width:1240px;margin:auto;padding:12px 18px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:8px;font-size:1.2rem;font-weight:700;color:var(--ink)}.brand img{object-fit:contain}.top nav,.actions,.pagination{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.top form{display:flex;gap:5px;margin-left:auto;flex:1;justify-content:flex-end}.top input{min-width:0;width:min(100%,260px)}
main{max-width:1240px;padding:20px 18px;margin:auto;min-height:75vh}h1{font-size:clamp(1.5rem,3vw,2.4rem);line-height:1.2}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.card{background:var(--panel);border-radius:12px;overflow:hidden}.card a{display:block;color:var(--ink)}.card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:right;background:#262626}.card-copy{padding:9px}.card h2{margin:3px 0;font-size:.95rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.muted,.card small,footer,.directory small{color:var(--muted)}.directory{list-style:none;padding:0;columns:3;column-gap:2rem}.directory li{padding:7px 0;break-inside:avoid}.pagination{justify-content:center;margin:22px 0}
.breadcrumb{margin:0 0 12px}.player-box{max-width:920px}.screen{position:relative;display:grid;place-items:center;aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden}.screen img,.screen iframe{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:contain}.screen img{opacity:.62}.screen .play{z-index:1;background:#282828;font-size:1.15rem}.actions{margin:10px 0}.film-details{display:grid;grid-template-columns:max-content 1fr;gap:8px 15px}.film-details dd{margin:0}.synopsis{white-space:pre-line;max-width:80ch}.heading h1{margin-top:0}footer{max-width:1240px;margin:auto;padding:20px 18px;border-top:1px solid #393939}[hidden]{display:none!important}
@media(max-width:640px){.nav-wrap{gap:9px;padding:9px 12px}.top nav{gap:8px;font-size:.9rem}.top form{flex-basis:100%;justify-content:flex-start}.top input{width:100%}main{padding:14px 12px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.directory{columns:2}.film-details{gap:6px 10px}.actions{gap:7px}}
.categories{display:flex;gap:12px;overflow:auto;list-style:none;margin:0;padding:3px 3px 12px;scroll-snap-type:x proximity}.categories li{flex:0 0 min(170px,43vw);scroll-snap-align:start;background:var(--panel);border-radius:12px;overflow:hidden}.categories a{display:block;color:var(--ink)}.categories img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}.categories strong,.categories small{display:block;padding:6px 9px}.categories small{color:var(--muted);padding-top:0}