:root{--bg:#0b0b0f;--panel:#1b1b22;--text:#f4f1ea;--muted:#cfc8bb;--dim:#a39c90;--accent:#f5b041;--gutter:4vw;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Segoe UI,system-ui,-apple-system,Roboto,sans-serif;font-size:clamp(14px,1.05vw,24px);overflow:hidden}h1,h2,p{margin:0}.status{padding:2em var(--gutter);color:var(--muted);justify-items:start;gap:1em;display:grid}.home{grid-template-rows:54vh 1fr;height:100vh;display:grid;position:relative}.hero{position:relative;overflow:hidden}.hero-inner{position:absolute;inset:0}.hero-bg{object-fit:cover;width:72%;height:100%;position:absolute;top:0;right:0}.hero-scrim{background:linear-gradient(90deg, var(--bg) 30%, #0b0b0fd9 45%, transparent 75%), linear-gradient(0deg, var(--bg) 0%, transparent 35%);position:absolute;inset:0}.hero-text{left:var(--gutter);gap:.6em;max-width:40vw;display:grid;position:absolute;bottom:4vh}.brand{color:var(--accent);letter-spacing:.25em;text-transform:uppercase;font-size:.85em;font-weight:700}.hero h1{font-size:3em;line-height:1.05}.meta{color:var(--muted)}.overview{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.rows{scroll-behavior:smooth;scrollbar-width:none;padding-bottom:4vh;overflow-y:auto}.rows::-webkit-scrollbar{display:none}.row-track::-webkit-scrollbar{display:none}.row h2{color:var(--muted);margin:.6em var(--gutter) 0;font-size:1.15em;font-weight:600}.row.is-active h2{color:var(--text)}.row-track{scroll-behavior:smooth;scrollbar-width:none;padding:1em var(--gutter) 1.4em;scroll-padding-inline:var(--gutter);gap:1vw;display:flex;overflow-x:auto}.card{aspect-ratio:2/3;background:var(--panel);cursor:pointer;border:0;border-radius:10px;outline:none;flex:none;width:max(110px,10.5vw);padding:0;overflow:hidden}.card img{object-fit:cover;width:100%;height:100%;display:block}.card.is-focused{z-index:2;box-shadow:0 0 0 3px var(--accent), 0 18px 40px #000000a6;position:relative}.footer{margin:3vh var(--gutter) 0;color:var(--dim);gap:.3em;font-size:.8em;display:grid}.detail{z-index:10;background:var(--bg);position:fixed;inset:0;overflow:hidden}.detail-bg{object-fit:cover;width:70%;height:100%;position:absolute;top:0;right:0}.detail-scrim{background:linear-gradient(90deg, var(--bg) 32%, #0b0b0fe0 48%, #0b0b0f33 80%), linear-gradient(0deg, var(--bg) 0%, transparent 30%);position:absolute;inset:0}.detail-body{padding:14vh var(--gutter) 0;gap:.9em;max-width:46vw;display:grid;position:relative}.detail h1{font-size:3.2em;line-height:1.05}.tagline{color:var(--accent);font-style:italic}.detail .overview{-webkit-line-clamp:6}.providers{color:var(--muted);align-items:center;gap:.8em;display:flex}.providers ul{gap:.5em;margin:0;padding:0;list-style:none;display:flex}.providers img{border-radius:8px;width:2.6em;height:2.6em;display:block}.credit{color:var(--dim);font-size:.75em}.actions{flex-wrap:wrap;gap:.8em;margin-top:.6em;display:flex}.btn{font:inherit;color:var(--text);cursor:pointer;background:#ffffff14;border:2px solid #ffffff4d;border-radius:999px;outline:none;padding:.7em 1.4em;font-weight:600;transition:transform .15s,background .15s}.btn-primary{background:var(--accent);border-color:var(--accent);color:#111}.btn.is-focused{background:var(--text);border-color:var(--text);color:#111;box-shadow:0 0 0 3px var(--accent);transform:scale(1.06)}.trailer{z-index:20;background:#000;flex-direction:column;display:flex;position:absolute;inset:0}.trailer iframe{border:0;flex:1;width:100%}.trailer-bar{padding:1em var(--gutter)}.ask{top:3vh;right:var(--gutter);z-index:3;position:absolute}.ask .btn:not(.is-focused){background:#0b0b0fb3;border-color:#ffffff73}kbd{font:inherit;opacity:.7;border:1px solid;border-radius:4px;margin-left:.4em;padding:.1em .45em;font-size:.8em}.chat{z-index:12;background:#121218;border-left:1px solid #ffffff14;grid-template-rows:auto 1fr auto auto;width:min(34rem,100vw);display:grid;position:fixed;top:0;bottom:0;right:0;box-shadow:-30px 0 60px #00000080}.chat-head{justify-content:space-between;align-items:center;padding:1.4em 1.4em .6em;display:flex}.chat-head h2{font-size:1.2em}.chat-head-actions{gap:.5em;display:flex}.chat-log{scrollbar-width:none;align-content:start;gap:.9em;margin:0;padding:.6em 1.4em;list-style:none;display:grid;overflow-y:auto}.msg p{line-height:1.5}.msg-user{background:#ffffff1a;border-radius:1em 1em .2em;justify-self:end;max-width:85%;padding:.6em 1em}.msg-assistant{max-width:95%}.msg-hint,.msg-pending{color:var(--dim)}.msg-error p{color:var(--accent)}.chat-picks{gap:.8em;padding:.8em .2em .4em;display:flex}.chat-picks .card{width:7.5em}.chat-note{color:var(--accent);padding:0 1.4em}.chat-compose{gap:.6em;padding:1em 1.4em 1.4em;display:flex}.chat-text{min-width:0;font:inherit;color:var(--text);background:#ffffff0f;border:2px solid #ffffff40;border-radius:999px;outline:none;flex:1;padding:.7em 1em}.chat-text.is-focused{border-color:var(--accent);box-shadow:0 0 0 3px #f5b0414d}@media (prefers-reduced-motion:reduce){.rows,.row-track{scroll-behavior:auto}.btn{transition:none}}@media (width<=900px){.home{grid-template-rows:46vh 1fr}.hero-text{max-width:88vw}.hero-bg,.detail-bg{width:100%}.hero h1,.detail h1{font-size:2.2em}.card{width:28vw}.detail-body{max-width:none;padding-top:30vh}}
