:root{--bg:#0d0d0d;--surface:#15151b;--border:#26262f;--fg:#ececf1;--muted:#9a9aa8;--purple:#6c5ce7;--green:#00b894;--orange:#e17055;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.page{max-width:1120px;margin:0 auto;padding:56px 24px 64px}.masthead{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:end;gap:24px;padding-bottom:28px;display:grid}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--purple);margin:0 0 8px;font-size:12px}h1{letter-spacing:-.02em;margin:0;font-size:clamp(32px,5vw,48px);line-height:1.05}.tagline{color:var(--green);margin:10px 0 0;font-size:16px}.lede{color:var(--muted);margin:0;line-height:1.6}.controls{flex-wrap:wrap;align-items:center;gap:12px;margin:28px 0;display:flex}input[type=search]{border:1px solid var(--border);background:var(--surface);min-width:220px;color:var(--fg);font:inherit;border-radius:10px;flex:260px;padding:10px 14px}input[type=search]:focus-visible,.chip:focus-visible{outline:2px solid var(--purple);outline-offset:2px}.chips{gap:8px;display:flex}.chip{border:1px solid var(--border);color:var(--muted);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:8px 14px}.chip.is-active{border-color:var(--purple);color:var(--fg);background:color-mix(in srgb, var(--purple) 22%, transparent)}.count{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto}.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.card{border:1px solid var(--border);background:var(--surface);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.poster{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.placeholder{color:#fff;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(135deg, var(--purple), #3b2f9e);place-items:center;font-size:13px;display:grid}.placeholder.kind-vectorplay{background:linear-gradient(135deg, var(--green), #066e5b)}.placeholder.kind-three{background:linear-gradient(135deg, var(--orange), #8f3a28)}.body{flex-direction:column;flex:1;gap:10px;padding:16px 18px 18px;display:flex}h2{margin:0;font-size:19px;line-height:1.25}.body p{color:var(--muted);margin:0;font-size:14px;line-height:1.55}.tags{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.tags li{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:3px 9px;font-size:12px}.byline{color:var(--muted);margin-top:auto;padding-top:6px;font-size:12px}.state{color:var(--muted);text-align:center;padding:40px 0}.state.error{color:var(--orange)}.footer{border-top:1px solid var(--border);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:48px;padding-top:20px;font-size:13px;display:flex}.footer p{margin:0}.footer a{color:var(--fg)}@media (max-width:720px){.masthead{grid-template-columns:1fr;align-items:start}}