:root{--bg:#141414;--panel:#181818;--panel-2:#202020;--text:#fff;--muted:#b3b3b3;--brand:#e50914}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,Arial,Helvetica,sans-serif}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{font:inherit}.app{background:var(--bg);min-height:100vh}.topbar{z-index:20;background:linear-gradient(#000000d1,#0000);justify-content:space-between;align-items:center;width:100%;padding:18px 40px;display:flex;position:fixed;top:0}.brand{align-items:center;gap:12px;display:flex}.brand-mark{background:var(--brand);color:#fff;border-radius:10px;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.brand-text{font-size:1.2rem;font-weight:700}.topnav{color:#e5e5e5;gap:22px;font-size:.96rem;display:flex}.topbar-actions{gap:12px;display:flex}.btn{cursor:pointer;border:0;border-radius:8px;padding:10px 16px;transition:all .2s}.btn-primary{background:var(--brand);color:#fff;font-weight:700}.btn-ghost{color:#fff;background:#ffffff1f}.btn-light{color:#111;background:#fff;font-weight:700}.btn-dark{color:#fff;background:#6d6d6eb3;font-weight:700}.hero{background-color:#0000;background-image:linear-gradient(#00000047,#000000c7),linear-gradient(135deg,#1a1a1a,#0f0f0f);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;align-items:end;min-height:82vh;padding:120px 40px 80px;display:flex;position:relative}.hero-overlay{background:linear-gradient(#0003,#000000b3),linear-gradient(90deg,#000000d1,#0000 70%);position:absolute;inset:0}.hero-content{z-index:1;max-width:640px;position:relative}.hero-badge{color:#ffb8bc;text-transform:uppercase;background:#e5091429;border-radius:999px;margin-bottom:14px;padding:7px 12px;font-size:.78rem;font-weight:700;display:inline-block}.hero h1{margin:0;font-size:clamp(2.6rem,5vw,4.6rem);font-weight:800;line-height:.98}.hero h2{color:#e8e8e8;margin:12px 0 0;font-size:1.4rem;font-weight:500}.hero-description{color:#e6e6e6;max-width:620px;margin:18px 0 0;font-size:1.05rem;line-height:1.7}.hero-meta{color:var(--muted);margin:14px 0 0;font-size:.95rem}.hero-actions{gap:12px;margin-top:28px;display:flex}.cta-strip{z-index:4;background:linear-gradient(135deg,#e509142e,#ffffff0a);border:1px solid #ffffff14;border-radius:16px;justify-content:space-between;align-items:center;gap:18px;margin:0 40px 28px;padding:22px 24px;display:flex;position:relative}.cta-strip p{color:var(--muted);margin:6px 0 0}.content-section{z-index:2;margin-top:-90px;padding:0 40px 40px;position:relative}.content-section.with-cta{margin-top:0;padding-top:8px}.section-header{margin-bottom:16px}.section-header h3{margin:0;font-size:1.45rem}.content-row{grid-auto-columns:minmax(210px,240px);grid-auto-flow:column;gap:16px;padding-bottom:10px;display:grid;overflow-x:auto}.poster-card{background:0 0;transition:transform .24s}.poster-card:hover{transform:scale(1.04)}.poster-frame{aspect-ratio:2/3;background:var(--panel-2);border-radius:12px;width:100%;position:relative;overflow:hidden;box-shadow:0 16px 40px #00000059}.poster-image{object-fit:cover;width:100%;height:100%;display:block}.poster-placeholder{width:100%;height:100%;color:var(--muted);background:linear-gradient(135deg,#272727,#1a1a1a);place-items:center;display:grid}.poster-gradient{background:linear-gradient(#0000 55%,#000000b3);position:absolute;inset:0}.poster-info{padding:12px 4px 2px}.poster-info h4{margin:0;font-size:1rem;font-weight:700}.poster-info p{color:#d6d6d6;margin:6px 0 0;font-size:.92rem}.poster-info span{color:var(--muted);margin-top:8px;font-size:.82rem;display:inline-block}.state-text{color:var(--muted);padding:18px 0}.error-text{color:#ff8e95}.user-pill{text-overflow:ellipsis;white-space:nowrap;color:#e8e8e8;background:#ffffff14;border-radius:999px;max-width:240px;padding:10px 14px;font-size:.9rem;overflow:hidden}.auth-overlay{z-index:40;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b3;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.auth-modal{background:#181818;border:1px solid #ffffff14;border-radius:18px;width:min(100%,460px);padding:28px;position:relative;box-shadow:0 20px 50px #00000073}.auth-close{color:#fff;cursor:pointer;background:#ffffff14;border:0;border-radius:999px;width:34px;height:34px;position:absolute;top:14px;right:14px}.auth-modal h2{margin:0 0 8px}.auth-subtitle{color:var(--muted);margin:0 0 22px;line-height:1.6}.auth-form{flex-direction:column;gap:14px;display:flex}.auth-form label{color:#f1f1f1;flex-direction:column;gap:8px;font-size:.95rem;display:flex}.auth-form input{color:#fff;background:#111;border:1px solid #ffffff1a;border-radius:10px;outline:none;width:100%;padding:13px 14px}.auth-submit{width:100%;margin-top:8px}.auth-error{color:#ff8e95;margin:0}.auth-message{color:#7ee787;margin:0}.auth-switch{text-align:center;color:var(--muted);margin-top:18px}.auth-switch p{margin:0}.auth-switch button{color:#fff;cursor:pointer;background:0 0;border:0;font-weight:700}@media (width<=960px){.topnav{display:none}.topbar{padding:16px 18px}.hero{min-height:72vh;padding:110px 18px 60px}.content-section{margin-top:-60px;padding:0 18px 36px}.hero-actions{flex-wrap:wrap}.content-row{grid-auto-columns:minmax(180px,220px)}.cta-strip{flex-direction:column;align-items:flex-start;margin:0 18px 22px}}@media (width<=640px){.brand-text{display:none}}.poster-card{cursor:pointer}.episode-overlay{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000c7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.episode-modal{background:#181818;border:1px solid #ffffff14;border-radius:20px;width:min(100%,920px);max-height:92vh;position:relative;overflow:auto;box-shadow:0 24px 70px #00000080}.episode-close{z-index:2;color:#fff;cursor:pointer;background:#0000008c;border:0;border-radius:999px;width:38px;height:38px;position:absolute;top:14px;right:14px}.episode-player,.episode-poster-large{object-fit:cover;background:#000;width:100%;max-height:58vh;display:block}.episode-modal-content{padding:22px 24px 26px}.episode-modal-content h2{margin:0;font-size:2rem}.episode-modal-subtitle{color:#d7d7d7;margin:8px 0 0;font-size:1.05rem}.episode-modal-meta{color:#b3b3b3;margin:14px 0 0;font-size:.95rem}.episode-modal-description{color:#e6e6e6;margin:18px 0 0;line-height:1.7}@media (width<=960px){.content-section.with-cta{margin-top:0}}html,body,#root{min-height:100%;margin:0}