:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#050505;--surface:#111;--surface-soft:#181818;--text:#fff;--muted:#b3b3b3;--red:#e50914;--red-dark:#a90710;--line:#ffffff24}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--background);color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.streaming-shell{background:radial-gradient(circle at 20% 0,#e5091447,#0000 28rem),linear-gradient(#080808 0%,#050505 44%,#000 100%);min-height:100vh;overflow-x:hidden}.topbar{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#000000eb,#0006);grid-template-columns:auto 1fr minmax(18rem,28rem);align-items:center;gap:1rem;padding:1rem clamp(1rem,4vw,4rem);display:grid;position:fixed;top:0;left:0;right:0}.brand{color:var(--red);font-size:1.75rem;font-weight:900}.nav-links{color:var(--muted);gap:1.25rem;font-size:.95rem;display:flex}.nav-links a:hover{color:var(--text)}.search{grid-template-columns:1fr auto;gap:.5rem;display:grid}.search input{border:1px solid var(--line);min-width:0;color:var(--text);background:#0009;border-radius:3px;outline:none;padding:.75rem .9rem}.search button,.primary-action,.secondary-action,.player-header button{cursor:pointer;border:0;border-radius:3px;min-height:2.75rem;padding:.75rem 1rem;font-weight:700}.search button,.primary-action{background:var(--red);color:var(--text)}.search button:hover,.primary-action:hover{background:#f6121d}.primary-action:disabled{cursor:not-allowed;opacity:.5}.secondary-action,.player-header button{color:var(--text);background:#6d6d6eb3}.hero{align-items:center;min-height:82vh;padding:8rem clamp(1rem,5vw,5rem) 5rem;display:flex;position:relative}.hero:before{background:linear-gradient(90deg, #000000f0 0%, #000000b8 42%, #00000029 100%), linear-gradient(0deg, #050505 0%, #0505051a 28%), var(--hero-image);content:"";z-index:0;background-position:50%;background-size:cover;position:absolute;inset:0}.hero-content{z-index:1;max-width:48rem;position:relative}.eyebrow{color:var(--red);letter-spacing:0;text-transform:uppercase;margin:0 0 .75rem;font-size:.78rem;font-weight:800}.hero h1{max-width:11ch;margin:0;font-size:clamp(2.6rem,7vw,6.7rem);line-height:.95}.overview{color:#e8e8e8;max-width:42rem;font-size:clamp(1rem,2vw,1.25rem);line-height:1.55}.metadata,.actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.metadata span{border:1px solid var(--line);color:#f1f1f1;border-radius:3px;padding:.35rem .55rem}.actions{margin-top:1.5rem}.error{color:#ffd6d9;background:#e509142e;border:1px solid #e5091473;border-radius:3px;margin-top:1rem;padding:.8rem 1rem}.content-section,.player-panel{padding:1.5rem clamp(1rem,4vw,4rem) 3rem}.section-heading,.player-header{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem;display:flex}.section-heading h2,.player-header h2{margin:0;font-size:clamp(1.55rem,3vw,2.4rem)}.ranking-row{grid-auto-columns:minmax(9rem,13rem);grid-auto-flow:column;gap:.75rem;padding:.25rem 0 1rem;display:grid;overflow-x:auto}.ranking-card,.movie-card{color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;padding:0}.ranking-card{grid-template-columns:3.2rem 1fr;align-items:end;display:grid}.rank{color:#050505;text-shadow:-1px -1px #777,1px -1px #777,-1px 1px #777,1px 1px #777;font-size:5.5rem;font-weight:900;line-height:.8}.ranking-card img,.movie-card img{aspect-ratio:2/3;background:var(--surface);object-fit:cover;border-radius:4px;width:100%;display:block}.ranking-card:hover img,.movie-card:hover img{outline:3px solid var(--red);transform:scale(1.035)}.movie-grid{grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr));gap:1rem;display:grid}.movie-card{gap:.6rem;display:grid}.movie-card span{color:#f2f2f2;font-size:.95rem;font-weight:700;line-height:1.25}.player-panel{border-bottom:1px solid var(--line);border-top:1px solid var(--line);background:#000}.video-frame{aspect-ratio:16/9;background:var(--surface);border-radius:6px;overflow:hidden}.video-frame iframe{border:0;width:100%;height:100%}@media (max-width:820px){.topbar{grid-template-columns:1fr;position:sticky}.nav-links{overflow-x:auto}.hero{min-height:72vh;padding-top:3rem}.hero:before{background:linear-gradient(180deg, #00000070, #050505 84%), var(--hero-image);background-position:top;background-size:cover}.ranking-card{grid-template-columns:2.4rem 1fr}.rank{font-size:4rem}}