body{background-color:pink;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;margin:0;display:flex;justify-content:center;align-items:center;min-height:100vh;text-align:center}.app-container{max-width:600px;width:100%;padding:2rem}.app-header{margin-bottom:2rem}.app-title{font-size:3rem;font-weight:700;color:#333;margin:0}.app-tagline{font-size:1.2rem;color:#555;margin:.5rem 0 1rem}.about-button{background-color:#f0f0f0;color:#555;border:1px solid #ccc;padding:.5rem 1rem;border-radius:5px;cursor:pointer;font-size:1rem;transition:background-color .2s}.about-button:hover{background-color:#e0e0e0}.main-content{display:flex;flex-direction:column;align-items:center}.story-input{width:100%;height:150px;padding:1rem;border:1px solid #ccc;border-radius:5px;font-size:1rem;resize:none;margin-bottom:1rem}.recommend-button{background-color:#ddd;color:#333;border:none;padding:1rem 2rem;border-radius:5px;cursor:pointer;font-size:1.2rem;font-weight:700;transition:background-color .2s;margin-bottom:2rem}.recommend-button:hover{background-color:#ccc}.recommend-button:disabled{background-color:#eee;color:#999;cursor:not-allowed}.recommendations-section{width:100%}.recommendations-heading{font-size:1.5rem;font-weight:700;color:#333;margin-bottom:1rem}.no-recommendations-message{color:#777}.movies-grid{display:flex;flex-direction:column;gap:1.5rem}.movie-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:1rem;display:flex;align-items:center}.movie-poster{width:100px;height:150px;object-fit:cover;border-radius:4px;margin-right:1rem}.movie-details{text-align:left}.movie-title-link{font-size:1.2rem;font-weight:700;color:#333;text-decoration:none}.movie-title-link:hover{text-decoration:underline}.movie-rating{font-size:1rem;color:#555;margin-top:.5rem}