:root{--primary: #e50914;--secondary: #333;--bg: #111;--text: #fff}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;max-width:100vw;overflow-x:hidden}body{font-family:Roboto,Arial,sans-serif;background:linear-gradient(to bottom,#141414,#000);color:var(--text);line-height:1.5}.details{display:grid;grid-template-columns:300px 1fr;gap:24px}@media (max-width: 800px){.details{grid-template-columns:1fr}}.search-bar{margin:16px 0;display:flex;gap:8px;width:100%;max-width:100%;padding:0 16px;box-sizing:border-box}.search-bar input{flex:1;padding:8px 12px;border-radius:6px;border:1px solid #333;background:#1c1f2a;color:#fff;max-width:100%;box-sizing:border-box}.search-bar button{padding:8px 12px;border:none;border-radius:6px;background:var(--primary);color:#fff;cursor:pointer}.search-bar button:hover{background:#f40612}.filters{margin:16px 0;color:#fff;width:100%;max-width:100%;padding:0 16px;box-sizing:border-box}.filters select{margin-left:8px;padding:6px 10px;border-radius:6px;border:1px solid #333;background:#1c1f2a;color:#fff;max-width:200px;box-sizing:border-box}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;width:100%;max-width:100%;padding:0 16px;box-sizing:border-box}@media (max-width: 768px){.grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:0 12px}.search-bar{padding:0 12px;flex-wrap:wrap}.filters{padding:0 12px}}@media (max-width: 480px){.grid{grid-template-columns:1fr;gap:10px;padding:0 8px}.search-bar,.filters{padding:0 8px}}.btn{padding:10px 16px;border:none;border-radius:6px;cursor:pointer;font-weight:700;transition:background .3s,transform .2s;font-size:15px}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:#f40612;transform:translateY(-2px)}.btn-secondary{background:var(--secondary);color:#fff}.btn-secondary:hover{background:#444}.error-msg{text-align:center;padding:30px;color:var(--primary);font-size:18px;font-weight:700}.card{display:block;background:#111;border-radius:12px;overflow:hidden;text-decoration:none;color:#fff;transition:transform .3s,box-shadow .3s;max-width:100%}.card img{display:block;width:100%;height:auto;max-width:100%;object-fit:cover}.card .meta{padding:10px}.card .meta h3{margin:0;font-size:16px}.card .meta p{margin:4px 0 0;font-size:14px;opacity:.9}.card:hover{transform:scale(1.05);box-shadow:0 8px 20px #0009}app-root,app-movie-list,app-movie-detail,app-watchlist{display:block;width:100%;max-width:100vw;overflow-x:hidden}@media (max-width: 768px){body{font-size:14px}.btn{font-size:14px;padding:8px 14px}}@media (max-width: 480px){body{font-size:13px}.btn{font-size:13px;padding:8px 12px}}