:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button{font-family:inherit}#root{min-height:100vh}.app{color:#fff;background:#10131c;min-height:100vh}.navbar{padding:28px 8%}.logo{letter-spacing:-1px;font-size:26px;font-weight:800}.logo span{color:#a78bfa}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:75vh;padding:40px 20px;display:flex}.eyebrow{color:#c4b5fd;letter-spacing:2px;background:#28213d;border-radius:30px;padding:10px 18px;font-size:12px;font-weight:600}.hero h1{letter-spacing:-2px;max-width:750px;margin:28px 0 18px;font-size:clamp(36px,6vw,64px);line-height:1.1}.hero p{color:#a8acbd;max-width:520px;font-size:18px;line-height:1.7}.get-started{color:#fff;cursor:pointer;background:#8b5cf6;border:none;border-radius:12px;margin-top:32px;padding:16px 36px;font-size:16px;font-weight:600;transition:background .2s}.get-started:hover{background:#7c3aed}.features{color:#b6b9c7;flex-wrap:wrap;justify-content:center;gap:24px;margin-top:32px;font-size:14px;display:flex}.movie-picker{width:100%;max-width:480px;margin-top:30px}.movie-picker form{gap:10px;margin-top:20px;display:flex}.movie-picker input{color:#fff;background:#1c2030;border:1px solid #444;border-radius:10px;flex:1;min-width:0;padding:14px;font-size:14px}.movie-picker form button{color:#fff;cursor:pointer;background:#8b5cf6;border:none;border-radius:10px;padding:12px 18px}.movie-item{text-align:left;background:#1c2030;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding:14px;display:flex}.movie-item button{color:#c4b5fd;cursor:pointer;background:0 0;border:none}.get-started:disabled{cursor:not-allowed;background:#44465a}.back-button{color:#a8acbd;cursor:pointer;background:0 0;border:none;margin-top:24px}.questionnaire{width:100%;max-width:650px;margin-top:30px}.question-card{text-align:left;background:#1c2030;border-radius:14px;margin-bottom:20px;padding:24px}.question-card h3{margin:0 0 18px;font-size:18px}.answer-options{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.answer{color:#c4c7d4;cursor:pointer;background:#292e42;border:1px solid #3a3f55;border-radius:10px;padding:14px;transition:all .2s}.answer:hover{border-color:#a78bfa}.answer.selected{color:#fff;background:#49367c;border-color:#a78bfa}.profile-summary{text-align:left;background:#1c2030;border-radius:14px;width:100%;max-width:550px;margin-top:30px;padding:25px}.profile-summary h2{color:#c4b5fd;margin-top:24px}.profile-summary h3{margin-bottom:5px;font-size:15px}.profile-summary p{color:#a8acbd}@media (width<=480px){.answer-options{grid-template-columns:1fr}}.search-results{flex-direction:column;gap:10px;max-height:360px;margin-top:20px;display:flex;overflow-y:auto}.search-result{text-align:left;background:#1c2030;border:1px solid #34394f;border-radius:12px;align-items:center;gap:15px;padding:12px;display:flex}.search-result img{object-fit:cover;border-radius:6px;width:55px;height:82px}.no-poster{color:#a8acbd;text-align:center;background:#34394f;border-radius:6px;justify-content:center;align-items:center;width:55px;height:82px;font-size:11px;display:flex}.search-result-info{flex-direction:column;gap:6px;display:flex}.search-result-info strong{font-size:15px}.search-result-info span{color:#a8acbd;font-size:13px}.search-error{color:#f87171!important}.search-hint{font-size:13px!important}.search-result{color:#fff;cursor:pointer;width:100%;font-family:inherit;transition:background .2s,border-color .2s}.search-result:hover{background:#292e42;border-color:#a78bfa}.search-result:focus-visible{outline-offset:2px;outline:2px solid #a78bfa}.favorite-info{align-items:center;gap:12px;min-width:0;display:flex}.favorite-info img{object-fit:cover;border-radius:6px;width:42px;height:63px}.favorite-no-poster{text-align:center;background:#34394f;border-radius:6px;justify-content:center;align-items:center;width:42px;height:63px;font-size:10px;display:flex}.favorite-details{flex-direction:column;gap:5px;min-width:0;display:flex}.favorite-details strong{font-size:14px}.favorite-details span{color:#a8acbd;font-size:12px}.navbar{justify-content:space-between;align-items:center;gap:20px;display:flex}.auth-controls{align-items:center;gap:15px;display:flex}.auth-button{color:#fff;cursor:pointer;background:#292e42;border:1px solid #a78bfa;border-radius:10px;padding:10px 16px}.auth-button:hover{background:#49367c}.user-name{color:#c4b5fd;font-size:14px}.auth-error{color:#f87171;text-align:center;padding:12px}@media (width<=600px){.navbar{flex-direction:column}.auth-controls{flex-wrap:wrap;justify-content:center}}.selected-match{text-align:center;background:#1c2030;border-radius:14px;margin-top:25px;padding:24px}.selected-match h2{color:#fff;margin:0}.selected-match p{color:#a8acbd;font-size:14px}.match-card{text-align:left;background:#1c2030;border:1px solid #49367c;border-radius:16px;margin-top:25px;padding:28px}.match-category{color:#e9ddff;background:#49367c;border-radius:30px;padding:10px 16px;font-size:14px;font-weight:700;display:inline-block}.match-card h2{margin-top:20px}.match-card p{color:#c4c7d4;font-size:15px;line-height:1.7}.details-button{color:#c4b5fd;cursor:pointer;background:0 0;border:1px solid #a78bfa;border-radius:10px;margin-top:20px;padding:12px 18px}.details-button:hover{background:#292e42}.match-details{border-top:1px solid #34394f;margin-top:20px;padding-top:15px}.match-details h3{color:#c4b5fd;margin-top:20px;font-size:16px}.discovery-actions{margin-top:12px}.recommendations-section{text-align:left;width:100%;max-width:1000px;margin:50px auto;padding:0 20px}.recommendations-section h2{margin-bottom:8px;font-size:28px}.recommendations-section>p{color:#a8acbd;margin-bottom:25px;font-size:15px}.recommendations-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.recommendation-card{background:#1c2030;border:1px solid #34394f;border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.recommendation-card>img{object-fit:cover;width:100%;height:260px}.recommendation-placeholder{color:#a8acbd;background:#34394f;justify-content:center;align-items:center;height:260px;font-size:13px;display:flex}.recommendation-info{flex-direction:column;flex:1;padding:16px;display:flex}.recommendation-info h3{margin:0 0 8px;font-size:17px}.recommendation-info span{color:#a8acbd;font-size:12px}.recommendation-info p{color:#a8acbd;flex:1;font-size:13px;line-height:1.5}.recommendation-info button{color:#fff;cursor:pointer;background:#8b5cf6;border:none;border-radius:8px;padding:12px;font-weight:600}.recommendation-info button:hover{background:#7c3aed}@media (width<=800px){.recommendations-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=500px){.recommendations-grid{grid-template-columns:1fr}}.tmdb-credits{text-align:center;opacity:.8;max-width:600px;margin:40px auto 20px;padding:20px}.tmdb-logo{width:90px;height:auto}.tmdb-credits p{margin-top:12px;font-size:12px;line-height:1.5}