:root{--primary-color: #2c3e50;--secondary-color: #3498db;--background-color: #ecf0f1;--text-color: #34495e;--card-bg: #ffffff}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0;background-color:var(--background-color);color:var(--text-color);background:linear-gradient(#000c,#000c),url(/background.jpg);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat}.container{width:90%;max-width:1200px;margin:0 auto}header{background-color:var(--primary-color);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 5px #0000001a;border-radius:15px;margin-top:20px}header h1{color:#fff;margin:0}#search-form{display:flex}#search-input{padding:.5rem 1rem;border:none;border-radius:20px 0 0 20px;font-size:1rem;outline:none}#search-form button{padding:.5rem 1rem;border:none;background-color:var(--secondary-color);color:#fff;border-radius:0 20px 20px 0;font-size:1rem;cursor:pointer;transition:background-color .2s}#search-form button:hover{background-color:#2980b9}#movie-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2rem;padding:2rem 0}.movie-card{background-color:var(--card-bg);border-radius:10px;box-shadow:0 4px 8px #0000001a;overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s;width:100%}.movie-card:hover{transform:scale(1.05);box-shadow:0 8px 16px #0003}.movie-card img{width:100%;height:auto;display:block}.movie-info{padding:1rem}.movie-info h3{margin:0 0 .5rem;font-size:1.1rem}.movie-info .rating{font-weight:700;color:var(--secondary-color)}.modal-container{display:flex;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0009;align-items:center;justify-content:center}.modal-content{background-color:var(--card-bg);margin:auto;padding:20px;border-radius:10px;width:80%;max-width:600px;position:relative;animation:slide-down .3s ease-out}@keyframes slide-down{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.close-btn{color:#aaa;position:absolute;top:10px;right:20px;font-size:28px;font-weight:700;cursor:pointer}.close-btn:hover{color:#000}#interaction-section{clear:both;padding-top:1rem}#interaction-section .stars{cursor:pointer;font-size:1.5rem;color:gray}#interaction-section .star.gold{color:gold}#comment-input{width:100%;height:80px;padding:.5rem;margin-top:.5rem;border-radius:5px;border:1px solid #ccc;font-family:inherit;font-size:1rem;box-sizing:border-box}#save-comment-btn{display:block;margin-top:.5rem;padding:.6rem 1rem;border:none;border-radius:5px;background-color:var(--secondary-color);color:#fff;cursor:pointer;transition:background-color .2s}#save-comment-btn:hover{background-color:#2980b9}#comment-display{margin-top:.5rem;padding:.75rem;background-color:#f0f0f0;border-radius:5px;min-height:20px;white-space:pre-wrap;color:var(--text-color)}