*{box-sizing:border-box}body{margin:0;background:#0d0d12;color:#f6f6f8;font:15px system-ui,sans-serif}header{height:68px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;background:#14141b;position:sticky;top:0;z-index:2}strong{font-size:24px;letter-spacing:2px}strong span{color:#e50914}button{border:0;border-radius:6px;padding:10px 16px;background:#292934;color:#fff;cursor:pointer}.primary,header button{background:#e50914}.hero{padding:72px 6%;background:radial-gradient(circle at 75% 20%,#3d1421,transparent 45%)}.hero p:first-child{color:#e50914;font-weight:700;letter-spacing:2px}.hero h1{font-size:clamp(32px,5vw,64px);margin:8px 0}.muted{color:#a8a8b2}.toolbar{padding:24px 6% 12px;display:flex;justify-content:space-between;align-items:center}.toolbar h2{margin:0}.toolbar input{width:220px;padding:11px;border-radius:6px;border:1px solid #3a3a46;background:#191922;color:#fff}.grid{padding:12px 6% 56px;display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:18px}.card{background:#181820;border-radius:9px;overflow:hidden;box-shadow:0 8px 25px #0004}.poster{height:255px;background:#272733;display:grid;place-items:center;color:#aaa;background-size:cover;background-position:center}.info{padding:13px}.info h3{margin:0 0 5px;font-size:16px}.meta{color:#999;font-size:13px}.watch{margin-top:12px;width:100%}.watch.done{color:#6ee7a0}.empty{text-align:center;color:#aaa;grid-column:1/-1}dialog{background:#1c1c25;color:#fff;border:1px solid #444;border-radius:10px;padding:24px}dialog::backdrop{background:#000b}form{display:grid;gap:12px;min-width:min(80vw,340px)}form input{padding:11px;border:1px solid #454552;border-radius:5px;background:#111119;color:#fff}.actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}