:root{--bg:#0f172a;--panel:#111827;--text:#e5e7eb;--muted:#94a3b8;--accent:#22d3ee;--danger:#ef4444}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto}.app{max-width:1100px;margin:0 auto;padding:1rem}.header{display:flex;gap:1rem;align-items:center;justify-content:space-between;position:sticky;top:0;background:#0b1220cc;border-bottom:1px solid #1f2937;padding:.75rem 1rem;border-radius:.75rem}.header h1{font-size:1.1rem;margin:0}.search{flex:1;max-width:520px;padding:.7rem 1rem;border-radius:.6rem;border:1px solid #1f2937;background:#0b1220;color:var(--text);outline:none}.search:focus{border-color:var(--accent)}.bar{display:flex;justify-content:space-between;align-items:center;margin:1rem 0}.muted{color:var(--muted)}.error{color:var(--danger)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.card{background:var(--panel);border:1px solid #1f2937;border-radius:.8rem;overflow:hidden;display:flex;flex-direction:column}.card img{width:100%;aspect-ratio:2/3;object-fit:cover;display:block;background:#0b1220}.card-body{padding:.8rem;display:grid;gap:.4rem}.card h3{margin:0;font-size:1rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.year{color:var(--muted);font-size:.9rem}.btn{background:var(--accent);color:#0a0a0a;border:none;padding:.5rem .8rem;border-radius:.6rem;cursor:pointer;font-weight:600}.btn.danger{background:transparent;color:var(--danger);border:1px solid var(--danger)}.favorites{margin-top:2rem}.favorites h2{margin:.5rem 0 1rem}.navbar{position:relative;top:0;left:0;width:100%;z-index:1000;background-color:#2c3e50;box-shadow:0 2px 5px #0003;padding:10px 20px;display:flex;justify-content:center;align-items:center}.nav-link{text-decoration:none;color:#fff;font-weight:700;font-size:1.1em;padding:8px 15px;margin:0 10px;border-radius:5px;transition:background-color .3s ease}.nav-link:hover{background-color:#34495e;color:#ecf0f1}