*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background-color:#000;min-height:100vh;font-family:Times New Roman,Times,serif;overflow-x:hidden}#app{max-width:1200px;margin:0 auto;padding:2rem}header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:3rem;display:flex}.logo h1{letter-spacing:-1px;font-size:2.5rem;font-weight:700}.controls{align-items:center;gap:1rem;display:flex}select,input[type=text]{color:#000;cursor:pointer;background:#fff;border-radius:8px;outline:none;padding:.75rem 1rem;font-size:1rem;transition:all .3s}.btn{color:#f8fafc;cursor:pointer;background:#000;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;transition:all .3s}.movies-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:2rem;display:grid}.movie-card{background:#0000009d;border:1px solid #fff;border-radius:16px;flex-direction:column;transition:all .3s;display:flex;position:relative;overflow:hidden}.movie-card:hover{transform:translateY(-8px)}.movie-poster-container{aspect-ratio:2/3;background:#060a14;width:100%;position:relative;overflow:hidden}.movie-poster{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.movie-card:hover .movie-poster{transform:scale(1.05)}.no-poster{color:#94a3b8;justify-content:center;align-items:center;width:100%;height:100%;font-weight:500;display:flex}.movie-info{flex-direction:column;flex-grow:1;justify-content:flex-start;padding:1.25rem;display:flex}.movie-title{white-space:nowrap;text-overflow:ellipsis;margin-bottom:.5rem;font-size:1.15rem;font-weight:600;overflow:hidden}.movie-meta{color:#94a3b8;justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.rating{color:#fbbf24;align-items:center;gap:.35rem;font-weight:600;display:flex}.movie-actions{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.action-btn{color:#f8fafc;cursor:pointer;background:#334155;border:none;border-radius:6px;flex:1;padding:.5rem;font-size:.75rem;font-weight:500;transition:all .2s}.action-btn:hover{background:#475569}.action-btn.active{color:#fff;background:#e50914}.hidden{display:none!important}.loading-state,.error-state{text-align:center;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:1.5rem;padding:5rem 2rem;display:flex}.spinner{border:4px solid #334155;border-top-color:#e50914;border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.modal{z-index:1000;background:#000c;justify-content:center;align-items:center;width:100vw;height:100vh;padding:2rem;display:flex;position:fixed;top:0;left:0}.modal-content{background:#1e293b;border:1px solid #334155;border-radius:20px;width:100%;max-width:850px;max-height:90vh;padding:2.5rem;position:relative;overflow-y:auto}.close-btn{color:#94a3b8;cursor:pointer;font-size:2rem;position:absolute;top:1rem;right:1.5rem}.modal-body-inner{flex-direction:column;gap:2rem;display:flex}.synopsis-title{margin-bottom:1rem;font-size:2rem;font-weight:700}.synopsis-text{color:#cbd5e1;font-size:1.1rem;line-height:1.6}@media (width<=768px){header{flex-direction:column;align-items:flex-start}.controls{flex-wrap:wrap;width:100%}select,input[type=text],.btn{flex-grow:1}}