/* assets/css/ui.css */
:root{--accent:#ff6b6b;--bg:#0f1724;--card:#0b1220;--muted:#94a3b8}
body.dark .movie-card{background:#071022;color:#fff}
.movie-card{display:flex;gap:0.75rem;padding:0.5rem;border-radius:8px;margin:0.5rem 0;align-items:flex-start}
.movie-card img.poster{width:84px;height:126px;object-fit:cover;border-radius:6px}
.movie-card .card-body{flex:1}
.movie-card .title{margin:0;font-size:1rem}
.movie-card .meta{color:var(--muted);font-size:0.9rem;margin:0.25rem 0}
.movie-card .overview{font-size:0.9rem;color:var(--muted);margin-top:0.25rem}
button.fav-toggle{background:transparent;border:0;font-size:1.1rem;cursor:pointer}
button.fav-toggle[aria-pressed="true"]{color:var(--accent)}
#loading{padding:1rem;text-align:center;color:var(--muted)}
#loadMore{display:none;margin:1rem auto;padding:0.5rem 1rem;border-radius:6px;background:#111827;color:#fff;border:1px solid #222;cursor:pointer}
#spinner{position:fixed;right:1rem;bottom:1rem;width:44px;height:44px;border-radius:50%;display:none;align-items:center;justify-content:center;background:linear-gradient(135deg,#0008,#0000);color:#fff}
.modal{position:fixed;inset:0;background:rgba(0,0,0,0.6);display:flex;align-items:center;justify-content:center;z-index:9999}
.modal-content{background:#fff;color:#111;padding:1rem;border-radius:10px;max-width:880px;width:95%;box-shadow:0 10px 40px rgba(0,0,0,0.4)}
.modal-content img{width:160px;border-radius:6px;float:left;margin-right:1rem}
.modal-grid{display:flex;gap:1rem}
.modal-body p{margin:0.35rem 0}
.modal-actions{margin-top:1rem;display:flex;gap:0.5rem;align-items:center}
.modal .close{position:absolute;right:1rem;top:0.6rem;border:0;background:transparent;font-size:1.4rem;cursor:pointer}
.card{cursor:pointer}
.card .fav-toggle{cursor:pointer}
.card-instance{border:1px solid #071830;padding:0.5rem;border-radius:8px}