body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.bluray-case-center{background-color:#06c;border-radius:5px;box-shadow:2px 2px 5px #0000004d;display:flex;justify-content:center;left:0;max-height:117.3vw;max-width:85vw;position:fixed;position:relative;z-index:0}.cover{max-height:117.3vw}.rating-full{display:flex;flex-direction:column;margin-bottom:15px;position:relative;width:100%}.rating-header{margin-bottom:5px;width:100%}.avatar-small{height:30px;margin-right:10px;width:30px}.rating-name,.rating-stars{color:#61dafb;font-size:.9em;font-weight:700}.rating-stars{margin-left:auto}.rating-content{padding-left:40px}.rating-comments{color:#eeeaea;font-size:.8em;font-style:italic;margin:0;text-align:left}.all-ratings{max-height:200px;max-width:90%;overflow-y:auto;padding:5px}.rating-content-row{align-items:center;display:flex;gap:8px}.action-buttons{display:flex;gap:10px;justify-content:space-around;padding:10px}.square-button{align-items:center;background-color:#61dafb1a;border:none;border-radius:12px;color:#61dafb;cursor:pointer;display:flex;flex-direction:column;height:70px;justify-content:center;transition:all .3s ease;width:70px}.square-button:hover{background-color:#61dafb33;transform:translateY(-2px)}.button-icon{font-size:1.8em;transition:transform .2s ease}.square-button:hover .button-icon{transform:scale(1.1)}.button-text{font-size:.8em;font-weight:700}.rated-score{display:inline-block;position:relative}.star-icon{color:#ff4d4d}.score-overlay{color:#0e0e0e;font-size:.9em;font-weight:900;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.user-rating{bottom:50px}.friends-ratings,.user-rating{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000001a;border-radius:30% 30% 0 0;color:#eeeaea;display:flex;font-size:.8em;max-width:70%;position:absolute}.friends-ratings{bottom:15px}.average-ratings{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000001a;border-radius:30% 30% 0 0;bottom:-20px;color:#eeeaea;display:flex;font-size:.8em;max-width:70%;position:absolute}.average-score{font-size:1.2em;font-weight:700;margin-bottom:10px;text-align:center}.notation-container{align-items:center;display:flex;flex-direction:column;gap:.5rem;margin:0 auto;max-width:300px;padding:.5rem}.notation-container.compact{display:flex;flex-direction:column;gap:5px}.stars-empty{-webkit-text-stroke:1px gold;color:#0000}.stars-filled{color:gold;left:0;overflow:hidden;position:absolute;top:0;transition:width .2s ease;white-space:nowrap}.stars-display-container{font-size:2rem;margin:10px 0}.stars{letter-spacing:5px}.score-meaning{color:#fff;font-size:1.2rem;font-weight:700;min-height:1.5em}.slider-container{cursor:pointer;padding:0;position:relative;touch-action:none;width:100%}.slider-track{background:#fff3;border-radius:4px;height:8px;left:8px;overflow:hidden;position:absolute;width:calc(100% - 16px)}.slider-progress{background:gold;height:100%;position:absolute;transition:width .2s ease}.slider{-webkit-appearance:none;appearance:none;background:#0000;height:4px;outline:none;position:relative;width:100%;z-index:2}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:2px solid gold;border-radius:50%;box-shadow:0 0 5px #0003;cursor:pointer;height:16px;-webkit-transition:all .2s ease;transition:all .2s ease;width:16px}.slider::-webkit-slider-thumb:hover{background:gold;transform:scale(1.2)}.notation-container.compact .slider-container{margin:0}.notation-container.compact .slider{-webkit-appearance:none;appearance:none;background:#0000;height:50px;margin:10px 0;width:100%}.notation-container.compact .slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:gold;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);cursor:pointer;height:50px;width:50px}.notation-container.compact .slider::-webkit-slider-thumb:before{display:none}.notation-container.compact .slider:after,.notation-container.compact .slider:before{content:none;display:none}.notation-container.compact .slider::-webkit-slider-thumb:after,.notation-container.compact .slider::-webkit-slider-thumb:before{content:none;display:none}.notation-container:not(.compact) .slider{-webkit-appearance:none;appearance:none;background:#0000;height:50px;margin:10px 0}.notation-container:not(.compact) .slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:gold;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);cursor:pointer;height:50px;width:50px}.notation-container:not(.compact) .slider::-webkit-slider-thumb:after,.notation-container:not(.compact) .slider::-webkit-slider-thumb:before,.notation-container:not(.compact) .slider:after,.notation-container:not(.compact) .slider:before{content:none;display:none}.notation-container:not(.compact) input[type=range]::-webkit-slider-thumb:before,.notation-container:not(.compact) input[type=range]:before{content:none!important;display:none!important}.notation-container:not(.compact) .slider-container:after,.notation-container:not(.compact) .slider-container:before{content:none!important;display:none!important}.notation-container:not(.compact) .slider-container{cursor:pointer;padding:25px 0;position:relative;touch-action:none;width:100%}.notation-container:not(.compact) .slider-track{background:#fff3;border-radius:6px;height:12px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:100%}.notation-container:not(.compact) .slider{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:3}.notation-container:not(.compact) .slider-progress{background:gold;border-radius:6px;height:100%}.partial-star{position:relative;transition:opacity .2s ease}.comment-input{background:#ffffffe6;border:1px solid #ddd;border-radius:8px;color:#000;font-family:inherit;max-height:25px;max-width:250px;min-height:25px;padding:8px;resize:none}.submit-button{background-color:gold;border-radius:20px;color:#000;font-weight:700;padding:10px 20px;transition:transform .2s ease}.submit-button:hover{transform:scale(1.05)}.submit-button.disabled{cursor:not-allowed;opacity:.5}.notation-container:not(.compact) .slider,.notation-container:not(.compact) .slider-container,.notation-container:not(.compact) .slider-progress,.notation-container:not(.compact) .slider-track{display:none}.clickable-stars{display:flex;font-size:2.5rem;gap:10px;padding:5px 0}.clickable-stars .star{color:#ffd7004d;transition:transform .2s ease,color .2s ease}.clickable-stars .star.filled{color:gold;text-shadow:0 0 5px #ffd70080}.clickable-stars .star:hover{cursor:pointer;transform:scale(1.2)}.slider-tooltip{color:#fff;font-size:1.2em;font-size:.8em;margin:0;opacity:.4;padding:0;position:static;transition:opacity .2s ease;white-space:nowrap;z-index:10px}.slider-stars{font-size:3.2em;top:0}.slider-star-1,.slider-stars{color:gold;overflow:hidden;transition:width .2s ease;white-space:nowrap}.slider-star-1{left:47px;position:absolute;top:3px}.slider-star-2{left:95px}.slider-star-2,.slider-star-3{color:gold;overflow:hidden;position:absolute;top:3px;transition:width .2s ease;white-space:nowrap}.slider-star-3{left:143px}.slider-star-4{left:191px}.slider-star-4,.slider-star-5{color:gold;overflow:hidden;position:absolute;top:3px;transition:width .2s ease;white-space:nowrap}.slider-star-5{left:239px}.modal-notation-space{align-items:center;display:flex;flex-direction:column;font-size:7em;gap:1rem;height:17vh;margin:0 auto;max-width:300px;padding:1rem}.film-details{color:#fff;max-height:80vh;overflow-y:auto;padding:20px}.error,.loading{padding:20px;text-align:center}.summary-details{margin-bottom:20px}.cast-section{margin:20px 0}.cast-grid{margin-top:15px}.cast-item img{height:auto}.cast-info{margin-top:5px}.actor-name{display:block}.character-name{color:#61dafb;display:block}.platforms-list{gap:10px}.platform-item{gap:5px}.platform-item img{border-radius:5px;height:30px;width:30px}.trailer-section{border-top:1px solid #ffffff1a;margin:20px 0;padding:20px 0}.trailer-container{background:#0003;border-radius:8px;margin-top:10px}.friends-ratings-section{border-top:1px solid #ffffff1a;margin-top:30px;padding-top:20px}.friends-ratings-section h3{margin-bottom:15px}.friends-ratings-section .all-ratings{background:#0003;border-radius:8px;max-height:300px;overflow-y:auto;padding:10px}.friends-ratings-section .rating-full{background:#ffffff0d;border-radius:8px;margin-bottom:15px;padding:10px}.friends-ratings-section .rating-header{align-items:center;display:flex;gap:10px;margin-bottom:8px}.friends-ratings-section .avatar-small{border-radius:50%;height:30px;width:30px}.friends-ratings-section .rating-name{color:#61dafb;font-weight:700}.friends-ratings-section .rating-comments{color:#ffffffe6;font-size:.9em;line-height:1.4;margin:0}.ratings-only .action-buttons,.ratings-only .bluray-case-center{display:none}.ratings-only .all-ratings{margin-top:0;padding-top:0}.home{max-width:100vw;overflow-x:hidden;padding:20px}.loading-container{height:200px}.loading-icon{color:#007bff;font-size:2em}.manage-follows-container{display:flex;justify-content:center;margin:20px 0}.manage-follows-button{align-items:center;background-color:#007bff;border:none;border-radius:20px;color:#fff;display:flex;font-weight:500;gap:8px;padding:10px 20px;text-decoration:none;transition:background-color .2s}.manage-follows-button:hover{background-color:#0056b3}.search-filter-container{display:flex;justify-content:center;margin:20px 0}.search-filter-select{background-color:#fff;border:1px solid #ddd;border-radius:20px;color:#333;cursor:pointer;font-size:1em;min-width:200px;padding:8px 16px}.expand-banner{background-color:#f8f9fa;border-radius:8px;color:#007bff;cursor:pointer;font-weight:500;margin:10px 0;padding:10px;text-align:center;transition:background-color .2s}.expand-banner:hover{background-color:#e9ecef}.show-all-posters-toggle{align-items:center;display:flex;gap:10px;justify-content:center;margin:15px 0}.toggle-switch{display:inline-block;height:24px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:16px;left:4px;position:absolute;transition:.4s;width:16px}input:checked+.toggle-slider{background-color:#007bff}input:checked+.toggle-slider:before{transform:translateX(26px)}.loading-spinner{top:50vh}.search-page{background-color:#111;color:#fff;min-height:100vh;padding:20px 20px 10px}.search-page input{background-color:#ffffff1a;border:none;border-radius:25px;color:#fff;font-size:1.2em;margin:20px auto;max-width:500px;padding:15px 20px;transition:all .3s ease;width:80%}.search-page input:focus{background-color:#fff3;box-shadow:0 0 15px #61dafb80;outline:none}.search-results{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));height:calc(100vh - 250px);margin:0 auto 6px;max-width:1400px;overflow-y:auto;padding:20px 20px 200px}.search-item{background-color:#1a1a1a;border-radius:10px;box-shadow:0 4px 8px #0000004d;height:450px;margin-left:40px;overflow:visible;position:relative;text-decoration:none;transition:transform .3s ease;z-index:1}.search-item img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.search-item-info{bottom:0;left:0;padding:20px;position:absolute;right:0;text-align:left;z-index:2}.search-item-title{color:#fff;font-size:1.5em;font-weight:700;margin:0 0 10px;text-shadow:2px 2px 4px #00000080}.search-item-type{color:#61dafb;font-size:1em;margin:0;text-transform:uppercase}@media (max-width:768px){.search-results{gap:10px;grid-template-columns:repeat(2,1fr);padding:10px}.search-item{height:350px}.search-item-title{font-size:1.2em}.search-item-type{font-size:.9em}}@media (max-width:480px){.search-results{grid-template-columns:1fr}}.details-page{padding:20px;text-align:center}.details-page img{border-radius:5px;height:auto;margin-bottom:20px;width:200px}.action-button.active{border-color:red}.action-button.active .button-icon{color:red}.grid-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1400px;overflow:hidden;padding:20px 20px 70px;position:relative;z-index:0}.grid-item{max-height:111vw}.grid-item,.grid-item-badge{background-position:50%;background-size:cover;border-radius:10px;box-shadow:0 4px 8px #0000004d;height:450px;left:0;overflow:visible;overflow:hidden;padding:0;position:relative;top:0;transition:transform .3s ease;transition:transform .5s cubic-bezier(.4,0,.2,1);width:100%;width:90%}.grid-item-badge{border:4px solid;border-image:linear-gradient(90deg,#87ceeb,#00bfff,#1e90ff,#87ceeb) 1;border-radius:12px;z-index:1}.grid-item-text{font-size:.8em;left:0;margin:0 0 -10px;overflow:hidden;padding:0;text-align:left;top:0;width:100%;z-index:0}.relative-date{color:#c3d0d4;font-size:.9em;margin:0}.activity-stars{line-height:2;margin:0}.activity-comment{color:#c3d0d4;font-size:.9em;font-style:italic;margin:0}.grid-content-header{left:0;margin:0;max-width:95%;padding:0 10px;position:absolute;width:96%;z-index:1}.grid-item img{height:100%;object-fit:contain;width:100%}.item-overlay{background:linear-gradient(0deg,#000000e6 2%,#000c 0,#0000);bottom:0;left:2%;max-height:150px;max-width:95%;padding:0;position:absolute;right:2%;width:96%;z-index:1}.item-title{color:#fff;font-size:1.5em;margin:0 0 10px;max-width:70%;text-align:left;text-shadow:2px 2px 4px #00000080}.media-type{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;display:flex;font-size:.8em;font-weight:700;justify-content:center;padding:4px 40px;position:absolute;right:-30px;text-align:center;top:10px;transform:rotate(45deg);z-index:1}.media-type:before{background-color:inherit;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.genre{max-width:70%}.genre-tag{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.grid-list-buttons{display:flex;flex-direction:column;gap:15px;position:absolute;right:13px;top:210px;transform:translateY(-50%);z-index:10}.action-button.rated .rating-value{color:#f44;font-size:.8em;margin-left:0;position:absolute}.action-button.rated .button-icon{align-items:center;display:flex;position:relative}.ratings-container{margin-top:0;max-height:120px;overflow-y:auto;scrollbar-color:#61dafb80 #0000;scrollbar-width:thin;width:100%}.rating-compact{align-items:flex-start;background-color:#0000004d;border-radius:4px;display:flex;font-size:.9em;gap:8px;margin-bottom:0;padding:0}.rating-compact .stars{font-size:10px;line-height:2;margin:0}.avatar-small{border-radius:50%;margin:0;max-height:30px;max-width:30px;object-fit:cover;padding:0}.rating-pseudo{color:#fff;font-size:.8em;margin:0;max-width:100%;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.rating-details{display:flex;flex:1 1;flex-direction:column;gap:2px;overflow-x:scroll}.rating-details a,.rating-details a:hover{text-decoration:none}.rating-pseudo{color:#61dafb;font-size:.9em;font-weight:700;margin-bottom:2px}.rating-comment .rating-pseudo{color:#61dafb;font-size:.9em;font-style:normal;font-weight:700}.rating-comment{color:#eeeaea;font-size:.8em;height:30px;margin-left:2px;overflow-x:auto;overflow-y:none;position:relative;scrollbar-width:none;top:-13px;white-space:nowrap;width:100%}.badge-description{display:flex;font-size:.8em;font-style:italic;font-weight:700;margin-bottom:10px;margin-top:0;text-align:center}.badge-tag{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffff03;border:0 solid #61dafb;border-radius:5px;color:#fff;display:inline-block;font-size:.75em;font-style:normal;font-weight:700;margin-left:3px;margin-top:3px;padding:3px 6px}.leaderboard{margin:0;max-width:90%;padding-left:5%;padding-right:12%}.level{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff;background-color:#1c191966;border-radius:10px;box-shadow:0 4px 6px #0000001a;margin-bottom:7px;overflow:hidden}.level h2{color:#fff;font-size:.8em;letter-spacing:1px;margin:0;padding:5px 0}.gold h2{background:linear-gradient(45deg,#fff838cc,#61dafbcc)}.silver h2{background:linear-gradient(45deg,#02c00fcc,#61dafbcc)}.bronze h2{background:linear-gradient(45deg,#16d0ffcc,#61dafbcc)}.users-badge{display:flex;flex-wrap:wrap;gap:10px;padding:5px}.user-badge{color:#61dafb;display:inline-block;font-size:14px;font-size:.75em;font-weight:700}.item-level{align-items:center;background-color:#55dce1;border-radius:15px;box-shadow:0 1px 3px #0000001a;color:#444;display:inline-flex;font-size:.8em;font-weight:700;justify-content:center;letter-spacing:.5px;margin:10px 0 0;padding:4px 12px;text-transform:uppercase;width:70%}@media (max-width:768px){.grid-item{background-size:cover;height:75vh}.grid-item,.grid-item-badge{background-position:50%;box-shadow:0 0 15px #87ceeb99;left:0;overflow:hidden;padding:0;top:0;transition:transform .5s cubic-bezier(.4,0,.2,1);width:90%;width:100%;z-index:0}.grid-item-badge{background-size:auto;border:4px solid;border-image:linear-gradient(90deg,#87ceeb,#00bfff,#1e90ff,#87ceeb) 1;border-radius:12px;height:300px;max-height:300px}.item-title{font-size:1.2em}}.comment-input{background-color:rgba(66,58,58,.186);border:1px solid #ccc;border-radius:10px;color:#fff;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:14px;margin:5px 0;padding:10px;resize:vertical;width:90%;::placeholder{color:#fff;opacity:.7}}.scoring-modal{display:flex;flex-direction:column;gap:15px}.rating-score-comment{align-items:left;display:flex;max-height:25px;max-width:100%}.ratings-preview{max-height:120px;overflow-x:hidden;overflow-y:hidden;padding:5px;scrollbar-color:#ffffff4d #0000;scrollbar-width:thin}.ratings-preview::-webkit-scrollbar{width:6px}.ratings-preview::-webkit-scrollbar-track{background:#0000}.ratings-preview::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:3px}.no-trailer{align-items:center;background-color:#0000001a;border-radius:8px;display:flex;justify-content:center;margin:10px 0;min-height:150px}.no-trailer p{color:#666;font-size:1rem;margin:0;padding:20px;text-align:center}.platforms-modal{max-width:800px;width:90%}.auth-required{padding:20px;text-align:center}.auth-required p{color:#666;margin-bottom:15px}.login-link{background-color:#007bff;border-radius:5px;color:#fff;display:inline-block;font-weight:700;padding:10px 20px;text-decoration:none}.login-link:hover{background-color:#0056b3}.summary-details{color:#fff;display:flex;flex-direction:column}.grid-container,.grid-item{z-index:1}.close-modal-button:hover{transform:translateY(-1px)}.close-modal-button:active{transform:translateY(1px)}.modal-close{right:15px;top:15px;transition:background-color .2s}.modal-title{display:block;font-size:1rem;font-weight:500;margin-bottom:20px;padding-right:20px;text-align:center}@keyframes slideIn{0%{opacity:0;transform:translate(-50%,-60%) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.platforms-modal,.scoring-modal,.summary-modal .comments-modal{align-self:center;background-color:#1a1a1a;color:#fff;position:fixed;top:10%}body.modal-open{overflow:hidden;padding-right:15px}.cast-section{margin-top:20px;width:100%}.cast-section h3{color:#61dafb;font-size:1.2em;margin-bottom:15px}.cast-grid{grid-gap:15px;gap:15px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));padding:10px 0}.cast-item{text-align:center;transition:transform .2s}.cast-item:hover{transform:translateY(-3px)}.cast-item img{border-radius:8px;height:150px;margin-bottom:8px;object-fit:cover;width:100%}.actor-name{color:#fff;font-size:.9em;font-weight:700}.character-name{color:#999;font-size:.8em}@media (max-width:768px){.cast-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.cast-item img{height:130px}}.close-button{background:none;border:none;cursor:pointer;font-size:24px;position:absolute;right:10px;top:10px}.summary-details{margin-bottom:24px}.summary-details p{color:#e0e0e0;line-height:1.6;margin-bottom:16px}.scoring-options{gap:12px}.score-button{background-color:#ffffff1a;border-radius:8px;gap:12px;padding:12px;transition:all .2s ease}.score-button:hover{background-color:#fff3;transform:translateY(-2px)}.platforms-container{display:flex;flex-direction:column;gap:24px}.platforms-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:24px}.platform-item{background-color:#ffffff1a;border-radius:8px;flex-direction:column;gap:8px;padding:12px}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-content{animation:modalFadeIn .3s ease-out}@media (max-width:768px){.modal-overlay{padding:20px 10px}.platforms-list{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}}.modal-close{background:#ffffff1a;font-size:20px;height:32px;right:16px;top:16px;transition:all .2s ease;width:32px}.modal-close:hover{background:#fff3;transform:rotate(90deg)}.close-modal-button{margin-top:24px;padding:16px}.close-modal-button:hover{background-color:#4fa8c7;transform:translateY(-2px)}.modal-overlay{align-items:center;animation:slideIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000bf;border-radius:20px;display:flex;justify-content:center;left:10%;max-height:80vh;max-width:80vw;overflow-y:auto;padding:10px 0 0;position:fixed;right:10%;top:20px;z-index:1001}.modal-content{border:0 solid #ffffff1a;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;margin:10px;max-height:80vh;padding:0;position:relative;width:100%;z-index:10000}.close-modal-button{background-color:#61dafb;border:none;border-radius:8px;color:#000;cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:20px;margin-top:20px;transition:all .2s ease;width:100%}.score-animation{align-items:center;animation:fadeIn .5s ease-out,fadeOut .5s ease-in .5s;display:flex;flex-wrap:wrap;gap:10px;height:70%;justify-content:center;position:static}.score-icon{animation:float 1s ease-in-out infinite}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.score-animation{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:5}.score-icon{animation:rain 1s linear infinite;font-size:2rem;opacity:0;position:absolute}@keyframes rain{0%{opacity:1;transform:translateY(-100%)}to{opacity:0;transform:translateY(100vh)}}.streaming-platforms{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px;max-width:70%;padding:0}.streaming-platforms .genre-tag{background-color:#61dafb33;color:#61dafb;max-width:70%}.person-item{align-items:center;background-color:#1a1a1ae6;display:flex;flex-direction:column;height:100%;justify-content:center;padding:20px}.person-image{border:3px solid #61dafb4d;border-radius:50%;box-shadow:0 4px 8px #0000004d;height:200px;margin-bottom:20px;object-fit:cover;width:200px}.person-info{color:#fff;text-align:center}.person-name{color:#61dafb;font-size:1.4em;font-weight:700;margin:0 0 10px}.person-known-for{color:#fff;font-size:1em;font-style:italic;opacity:.8}@media (max-width:768px){.person-image{height:150px;width:150px}.person-name{font-size:1.2em}}.person-search-button{align-items:center;background-color:#ffffff1a;border:1px solid #ffffff4d;border-radius:4px;color:#fff;cursor:pointer;display:flex;gap:8px;margin-top:10px;padding:8px 16px;transition:background-color .3s ease}.person-search-button:hover{background-color:#fff3}.comments-modal{max-height:70vh;overflow-y:auto;padding:20px}.comments-modal h3{color:#eeeaea}.comments-modal a{text-decoration:none}.comments-modal .comments-rating-comment{color:#eeeaea;font-size:1em;font-style:italic;margin:0}.like-button{bottom:0;color:#eeeaea;font-size:.9em;gap:5px;padding:0 10px;position:relative;right:0;transition:color .2s ease;width:100%}.like-button:hover{color:#ff4081}.like-button i{font-size:1.2em}.like-button .fa-heart{transition:transform .2s ease}.like-button:hover .fa-heart{transform:scale(1.2)}.ratings-list{display:flex;flex-direction:column;gap:15px}.rating-item{background:#ffffff1a;border-radius:8px;padding:15px}.rating-header{gap:10px;margin-bottom:10px}.rating-content{display:flex;flex-direction:column;gap:5px}.item-overlay{cursor:pointer;transition:background-color .3s ease}.item-overlay:hover{background:linear-gradient(0deg,#000000f2 2%,#000000d9 0,#0000004d)}.like-button{background:#0000;border:none;color:#999;cursor:pointer;transition:color .2s}.like-button.liked,.like-button:hover{color:#f44}.bluray-case{background-color:#06c;border-radius:5px;box-shadow:2px 2px 5px #0000004d;display:flex;position:fixed;z-index:0}.bluray-case,.cover{height:75vh;position:relative;width:100%}.cover{background-color:#fff;border-radius:5px 0 0 5px;overflow:hidden}.top-bar{align-items:center;background-color:#06c;display:flex;height:30px;justify-content:space-between;left:0;padding:0 5px;position:absolute;right:0;top:0;z-index:2}.bluray-logo{font-size:10px}.bluray-logo,.bluray-titre{color:#fff;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.bluray-titre{font-size:.8em;margin-left:5px;max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cover-image{background-image:url(https://picsum.photos/128/190);background-position:50%;background-size:cover;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.spine{background-color:#049;border-radius:0 5px 5px 0;width:4%}.bluray-overlay-haut{left:2%;max-height:200px;max-width:95%;padding:0;position:absolute;right:2%;top:33px;width:96%;z-index:2}.loading-container{height:50vh}.loading-icon{align-items:center;display:flex;height:50vh;justify-content:center}.my-list{background-color:#111;color:#fff;min-height:100vh;padding:20px 20px 10px;padding-bottom:100px;padding-top:10px;position:relative}.filters-container{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.filter{flex:1 1;min-width:200px}.filter label{display:block;font-weight:700;margin-bottom:.5rem}.loading-container{height:100vh;min-height:200px}.loading-icon{animation:spin 1s linear infinite;font-size:5rem}.loading-spinner-search{animation:spin 2s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#4a90e2;display:flex;height:50px;left:47%;max-height:5p0x;max-width:50px;position:fixed;top:40vh;width:50px;z-index:30}.home{background-color:#111;color:#fff;min-height:100vh;padding-bottom:10px;padding-top:10px}.grid-content-header{left:20px;max-height:calc(50vh - 80px);overflow-y:auto;position:relative;right:80px;top:15px;z-index:10}.search-container{align-items:center;gap:10px;justify-content:center;margin-bottom:20px;position:relative}.search-input-wrapper{align-items:center;display:flex;position:relative}.clear-search{background:none;border:none;color:#666;cursor:pointer;font-size:16px;padding:5px;position:absolute;right:10px}.clear-search:hover{color:#fff}.back-button{background-color:#61dafb;border:none;border-radius:4px;color:#000;font-size:16px;padding:8px 16px;transition:background-color .3s}.back-button:hover{background-color:#4fa8c7}.description-search{background:#2a2a2a80;border-radius:8px;margin:0 auto 2rem;max-width:800px;padding:2rem}.description-search h3{color:#61dafb;font-size:1.5rem;margin-bottom:1rem}.description-input-group{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.description-input-group textarea{background:#2a2a2a;border:1px solid #444;border-radius:8px;color:#fff;flex:1 1;font-size:1rem;min-height:100px;padding:1rem;resize:vertical;transition:border-color .3s;width:100%}.description-input-group textarea:focus{border-color:#61dafb;outline:none}.description-input-group button{align-self:center;background:#61dafb;border:none;border-radius:8px;color:#000;cursor:pointer;font-size:1rem;font-weight:700;margin-bottom:20px;margin-top:10px;min-width:120px;padding:.8rem 1.5rem;transition:background-color .3s}.description-input-group button:hover:not(:disabled){background:#4fa8c7}.description-input-group button:disabled{background:#4a4a4a;color:#888;cursor:not-allowed}.description-input-group button.loading{cursor:not-allowed;opacity:.7}.searching-status{align-items:center;background:#61dafb1a;border-radius:8px;bottom:30vh;display:flex;gap:10px;margin-top:15px;padding:1rem;position:fixed}.searching-status p{color:#61dafb;font-size:1rem;margin:0}.title-suggestions{background:#2a2a2a;border:1px solid #444;border-radius:8px;margin-top:1.5rem;padding:1.5rem}.title-suggestions h4{color:#61dafb;font-size:1.2rem;margin-bottom:1rem}.suggestion-content{color:#fff;font-size:1rem;line-height:1;margin:0;padding:0;text-align:center;white-space:pre-line}.suggestion-content pre{word-wrap:break-word;background:#f5f5f5;border-radius:8px;margin:0;padding:0;white-space:pre-wrap}.suggestion-results{background:#ffffff0d;border-radius:8px;margin:20px auto 0;max-width:80%;padding:15px;text-align:center}.suggestion-results h4{color:#61dafb;font-size:1.1rem;margin-bottom:15px}.suggestion-content{align-items:center;display:flex;flex-direction:column;gap:8px}.suggestion-item{background:#61dafb1a;border-radius:4px;padding:8px 12px;transition:background-color .2s;width:100%}.suggestion-item:hover{background:#61dafb33}.suggestion-item{align-items:center;border-bottom:0 solid #ffffff1a;display:flex;justify-content:space-between;padding:5px}.suggestion-item:last-child{border-bottom:none}.search-suggestion-btn{background-color:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-left:10px;padding:5px 10px}.search-suggestion-btn:hover{background-color:#357abd}.error-message{background:#ff6b6b1a;color:#ff6b6b;margin-top:10px;padding:1rem}.search-tabs{background:#2a2a2a80;border-radius:12px;box-shadow:0 4px 6px #0000001a;display:flex;gap:0;justify-content:center;margin:2rem auto;max-width:600px;padding:8px;position:relative}.tab-button{background:#0000;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;min-width:180px;padding:12px 24px;position:relative;text-align:center;transition:all .3s ease}.tab-button:hover{background:#61dafb26;transform:translateY(-1px)}.tab-button.active{background:#61dafb;box-shadow:0 2px 4px #61dafb33;color:#000}.tab-button:first-child{margin-right:4px}.tab-button:last-child{margin-left:4px}.tab-button:before{font-family:Font Awesome\ 5 Free;font-weight:900;margin-right:8px}.tab-button[data-tab=title]:before{content:"\f002"}.tab-button[data-tab=description]:before{content:"\f15c"}.profile-page{padding:20px 20px 10px}.users-section{border-radius:8px;margin-top:1.5rem;padding:.3rem}.profile-bio{margin:0;position:relative}.profile-bio h3{margin:0 0 10px}.profile-bio h2{font-size:1.1em}.profile-bio h2,.profile-bio strong{color:#61dafb;margin-bottom:10px}.users-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));max-height:60vh;overflow-y:auto}.user-item{align-items:center;background:#222;border-radius:8px;display:flex;gap:1rem;justify-content:space-between;padding:.8rem}.user-info{flex:1 1;gap:.8rem}.user-avatar{height:40px;width:40px}.switch{display:inline-block;flex-shrink:0;height:20px;margin-left:8px;position:relative;width:40px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ffffff1a;border:2px solid #fff3;border-radius:20px;bottom:0;cursor:pointer;height:18px;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.3s cubic-bezier(.4,0,.2,1)}.slider:before{background-color:#fff;border-radius:50%;bottom:2px;box-shadow:0 2px 4px #0003;content:"";height:16px;left:2px;width:16px}input:checked+.slider{background-color:#61dafb;border-color:#61dafb}input:focus+.slider{box-shadow:0 0 2px #61dafb}input:checked+.slider:before{transform:translateX(20px)}.slider.round{border-radius:20px}.slider.round:before{border-radius:50%}.user-ratings-section{color:#61dafb;margin-top:2rem;padding:1rem}.users-section h3{align-items:center;color:#61dafb;display:flex;gap:.5rem;margin-bottom:1rem}.user-ratings-section .grid-container{margin-top:1rem}.compatibility-indicator{align-items:center;background:#0003;border-radius:20px;display:flex;gap:8px;margin-top:10px;padding:8px 16px}.compatibility-icon{color:#61dafb;font-size:1.2em}.compatibility-label{color:#fff;font-size:.9em}.compatibility-score{font-size:1.1em;font-weight:700}.user-details{display:flex;flex-direction:column;gap:4px}.compatibility-badge{align-items:center;display:flex;font-size:.8em;gap:4px;opacity:.8}.compatibility-badge .compatibility-icon{color:#61dafb;font-size:.9em}.common-recommendations-button{align-items:center;background-color:#61dafb;border:none;border-radius:20px;color:#111;cursor:pointer;display:flex;font-weight:700;gap:8px;margin-top:16px;padding:8px 16px;transition:all .3s ease}.common-recommendations-button:hover{background-color:#4fa8d1;transform:scale(1.05)}.common-recommendations-button svg{font-size:1.2em}.badges-list{display:flex;flex-wrap:wrap;gap:.5rem;padding:0}.badge-item{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(145deg,#ffffff1a,#ffffff0d);border:1px solid #ffffff1a;border-radius:15px;box-shadow:0 4px 15px #0003;cursor:help;display:flex;font-size:.8rem;gap:.3rem;padding:.5rem .8rem;position:relative;transition:all .3s ease}.badge-item:hover{border-color:#61dafb4d;box-shadow:0 8px 25px #61dafb33;transform:translateY(-5px) rotate(2deg)}.badge-icon{background:linear-gradient(45deg,#61dafb,#4fa8d1);-webkit-background-clip:text;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:1.5rem}.badge-icon,.badge-name{-webkit-text-fill-color:#0000}.badge-name{background:linear-gradient(45deg,#61dafb,#f0f);-webkit-background-clip:text;background-clip:text;color:#0000;font-weight:600;letter-spacing:0;text-shadow:0 2px 4px #0000004d}.badge-level{align-items:center;display:flex;margin-left:auto}.level-star{color:#61dafb;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:1.2rem}@keyframes newBadge{0%{opacity:0;transform:scale(.5) rotate(-10deg)}50%{transform:scale(1.2) rotate(5deg)}to{opacity:1;transform:scale(1) rotate(0)}}.badge-item.new{animation:newBadge .6s ease-out forwards}.badge-item:before{background:#000000e6;border-radius:8px;bottom:100%;box-shadow:0 4px 15px #0000004d;color:#fff;content:attr(title);font-size:.9rem;left:50%;max-width:250px;opacity:0;padding:.8rem;position:absolute;transform:translateX(-50%) scale(.9);transition:all .3s ease;visibility:hidden;width:max-content;z-index:10}.badge-item:hover:before{bottom:calc(100% + 10px);opacity:1;transform:translateX(-50%) scale(1);visibility:visible}.notification-count{align-items:center;background-color:red;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:bolder;height:20px;justify-content:center;min-width:20px;padding:3px;position:absolute;right:0;top:-10px}.profile-nav-buttons{display:flex;gap:1rem;justify-content:center;margin:1.5rem 0}.nav-button{align-items:center;background:linear-gradient(45deg,#61dafb,#4fa8d1);border:none;border-radius:25px;box-shadow:0 4px 15px #61dafb33;color:#111;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.5rem;padding:.8rem 1.5rem;transition:all .3s ease}.nav-button:hover{background:linear-gradient(45deg,#4fa8d1,#61dafb);box-shadow:0 6px 20px #61dafb4d;transform:translateY(-2px)}.nav-button:active{transform:translateY(0)}.profile-actions{align-items:center;display:flex;gap:15px;margin-top:15px}.follows-you-badge{animation:fadeIn .3s ease-in-out;background:#3498db;border-radius:15px;color:#fff;font-size:.8em;padding:5px 12px}.follow-button{border-radius:20px;padding:8px 20px}.login-container{align-items:center;animation:gradient 15s ease infinite;background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;display:flex;justify-content:center;min-height:100vh}.login-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:15px;box-shadow:0 8px 32px #0000001a;max-width:400px;padding:2rem;transform:translateY(0);transition:transform .3s ease;width:100%}.login-box:hover{transform:translateY(-5px)}.login-title{color:#333;font-size:2rem;margin-bottom:2rem;text-align:center}.input-group{padding-left:40px}.input-group input{padding:12px 12px 12px 40px}.login-container .input-group input,.login-container .input-group input::placeholder,.login-container .input-group input:focus{color:#495057!important}.login-button{align-items:center;background:linear-gradient(45deg,#23a6d5,#23d5ab);border:none;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:10px;justify-content:center;padding:12px;transition:all .3s ease;width:100%}.login-button:hover{box-shadow:0 5px 15px #23a6d566;transform:translateY(-2px)}.register-link{margin-top:1rem;text-align:center}.register-link p{color:#495057;font-size:.9rem}.register-link a{color:#23a6d5;font-weight:600;text-decoration:none;transition:color .3s ease}.register-link a:hover{color:#23d5ab}.app-download-banner{animation:slideDown .3s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #0000001a;color:#fff;left:0;position:fixed;right:0;top:0;z-index:1000}.banner-content{align-items:center;display:flex;max-width:100%;padding:12px 16px}.banner-icon{margin-right:12px}.app-icon{border:1px solid #fff3;border-radius:8px;height:40px;width:40px}.banner-text{flex:1 1;min-width:0}.banner-text h4{color:#fff;font-size:16px;font-weight:600;margin:0}.banner-text p{color:#fffc;font-size:13px;margin:2px 0 0;opacity:.9}.banner-actions{align-items:center;display:flex;gap:8px}.open-app-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s ease}.open-app-btn:hover{background:#ffffff4d;transform:translateY(-1px)}.close-banner-btn{background:none;border:none;border-radius:4px;color:#ffffffb3;cursor:pointer;font-size:18px;padding:4px;transition:color .2s ease}.close-banner-btn:hover{background:#ffffff1a;color:#fff}@media (max-width:480px){.banner-content{padding:10px 12px}.app-icon{height:35px;width:35px}.banner-text h4{font-size:15px}.banner-text p{font-size:12px}.open-app-btn{font-size:13px;padding:6px 12px}}.public-movie-page{color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.movie-hero{background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000001a;display:flex;gap:40px;margin-bottom:40px;padding:30px}.movie-poster{flex-shrink:0}.movie-poster img{box-shadow:0 8px 30px #0000004d;object-fit:cover}.movie-poster img,.placeholder-poster{border-radius:15px;height:450px;width:300px}.placeholder-poster{align-items:center;background:#f0f0f0;color:#999;display:flex;flex-direction:column;justify-content:center}.movie-info{display:flex;flex:1 1;flex-direction:column}.movie-info h1{color:#333;font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:20px}.movie-meta{display:flex;flex-wrap:wrap;gap:25px;margin-bottom:20px}.meta-item.rating{color:#f39c12;font-weight:600}.meta-item svg{color:#667eea}.meta-item.rating svg{color:#f39c12}.genres{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.genre-tag{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;font-size:.9rem;font-weight:500;padding:6px 15px}.overview{margin-top:auto}.overview h3{color:#333;font-size:1.3rem;margin-bottom:15px}.overview p{color:#555;font-size:1.1rem;line-height:1.7}.cast-section{background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000001a;margin-bottom:40px;padding:30px}.cast-section h3{color:#333;font-size:1.5rem;margin-bottom:25px}.cast-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.cast-member{text-align:center}.cast-member img{border-radius:10px;height:200px;margin-bottom:10px;object-fit:cover;width:100%}.cast-info{display:flex;flex-direction:column;gap:4px}.actor-name{color:#333;font-size:.95rem;font-weight:600}.character-name{color:#666;font-size:.85rem;font-style:italic}.platforms-section{background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000001a;margin-bottom:40px;padding:30px}.platforms-section h3{color:#333;font-size:1.5rem;margin-bottom:25px}.platforms-grid{display:flex;flex-wrap:wrap;gap:20px}.platform-item{background:#f8f9fa;border:2px solid #e9ecef;border-radius:10px;gap:10px;padding:15px 20px}.platform-item img{border-radius:8px;height:40px;width:40px}.platform-item span{color:#333;font-weight:500}.trailer-section{background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000001a;margin-bottom:40px;padding:30px}.trailer-section h3{color:#333;font-size:1.5rem;margin-bottom:25px}.trailer-container{border-radius:15px;height:0;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.trailer-container iframe{border-radius:15px;height:100%;left:0;position:absolute;top:0;width:100%}@media (max-width:768px){.public-movie-page{padding:15px}.movie-hero{flex-direction:column;gap:25px;padding:20px}.movie-poster,.placeholder-poster{align-self:center}.movie-poster img,.placeholder-poster{height:375px;width:250px}.movie-info h1{font-size:2rem;text-align:center}.movie-meta{justify-content:center}.app-button-section{margin:15px 0;padding:20px 15px}.prominent-app-button{font-size:1.2rem;min-width:240px;padding:16px 32px}.cast-grid{gap:15px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.cast-member img{height:160px}.platforms-grid{justify-content:center}.promo-features{align-items:center;flex-direction:column;gap:15px}.cast-section,.platforms-section,.trailer-section{padding:20px}.app-promo-card{padding:30px 20px}}@media (max-width:480px){.movie-poster img,.placeholder-poster{height:300px;width:200px}.movie-info h1{font-size:1.6rem}.app-button-section{margin:10px 0;padding:15px 10px}.prominent-app-button{font-size:1.1rem;min-width:200px;padding:14px 28px}.cast-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.platform-item{padding:12px 15px}.platform-item img{height:35px;width:35px}}.bottom-nav{align-items:flex-end;background-color:#333;bottom:0;display:flex;height:60px;justify-content:space-around;left:0;padding:5px 0;position:fixed;right:0;z-index:1001}.nav-item{align-items:center;color:#fff;display:flex;flex-direction:column;margin:5px;text-decoration:none}.nav-item svg{font-size:24px;margin-bottom:5px}.nav-item span{font-size:12px}.nav-item.active{color:#007bff;font-weight:700}.nav-item.active svg{transform:scale(1.1)}.nav-item-middle{align-items:center;background-color:#007bff;border-radius:50%;box-shadow:0 -2px 5px #0003;color:#fff;display:flex;flex-direction:column;height:50px;justify-content:center;margin:0 5px;padding:10px;text-decoration:none;transform:translateY(-15px);width:50px}.nav-item-middle svg{font-size:24px;margin-bottom:2px}.nav-item-middle span{font-size:10px}.nav-item-middle.active{background-color:#0056b3;box-shadow:0 2px 5px #0003;transform:scale(1.05)}.notification-count-bar{align-items:center;background-color:red;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:bolder;height:20px;justify-content:center;min-width:20px;padding:3px;position:absolute;right:0;top:-10px}.profile-menu-container{position:relative}.profile-submenu{background-color:#333;border-radius:8px;bottom:70px;box-shadow:0 -2px 10px #0003;min-width:150px;padding:10px 0;position:absolute;right:0}.submenu-item{align-items:center;color:#fff;display:flex;font-size:14px;padding:10px 15px;text-decoration:none}.submenu-item svg{font-size:16px;margin-right:10px}.submenu-item:hover{background-color:#444}.profile-submenu:after{border-left:8px solid #0000;border-right:8px solid #0000;border-top:8px solid #333;bottom:-8px;content:"";position:absolute;right:20px}.loading-spinner{align-items:center;display:flex;height:100vh;justify-content:center;left:45%;position:fixed;top:30%;width:100vw}.spinner-icon{animation:spin 1s linear infinite;font-size:5rem}.my-recommendations{background-color:#111;color:#fff;min-height:100vh;padding:20px 20px 10px}.recommendation-step{animation:fadeIn .5s ease-in;background:#000000b3;border-radius:8px;margin:1rem 0;padding:1rem;text-align:center}.recommendation-step h3{color:#fff;font-size:1.2rem;margin:0}.recommendations-title{margin-bottom:2rem;text-align:center}.users-comparison{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:1rem}.user-avatar-wrapper{align-items:center;display:flex;flex-direction:column;gap:.5rem}.user-avatar{border:2px solid #61dafb;height:50px;width:50px}.comparison-icon{color:#61dafb;font-size:1.5rem}.recommendations-title h2{color:#fff;margin-top:1rem}.register-container{align-items:center;animation:gradient 15s ease infinite;background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;display:flex;justify-content:center;min-height:100vh}.register-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:15px;box-shadow:0 8px 32px #0000001a;max-width:400px;padding:2rem;transform:translateY(0);transition:transform .3s ease;width:100%}.register-box:hover{transform:translateY(-5px)}.register-title{color:#333;font-size:2rem;margin-bottom:2rem;text-align:center}.input-group{color:#333;margin-bottom:1.5rem;position:relative}.input-group i{color:#666;left:15px;position:absolute;top:50%;transform:translateY(-50%)}.input-group input{border:2px solid #eee;border-radius:25px;color:#495057;font-size:1rem;padding:12px 40px;transition:all .3s ease;width:100%}.form-floating input,.form-floating input:focus,.register-container .input-group input,.register-container .input-group input::placeholder,.register-container .input-group input:focus{color:#495057!important}.input-group input:focus{border-color:#23a6d5;box-shadow:0 0 10px #23a6d533;outline:none}.checkbox-group{align-items:center;display:flex;margin:1rem 0}.checkbox-group label{align-items:center;color:#495057;display:flex;font-size:.9rem;gap:10px}.checkbox-group input[type=checkbox]{margin-right:8px;width:auto}.captcha-group{margin:1rem 0}.captcha-group,.register-button{display:flex;justify-content:center}.register-button{align-items:center;background:linear-gradient(45deg,#23a6d5,#23d5ab);border:none;border-radius:25px;color:#fff;cursor:pointer;font-weight:600;gap:10px;padding:12px;transition:all .3s ease;width:100%}.register-button:hover{box-shadow:0 5px 15px #23a6d566;transform:translateY(-2px)}.register-button:disabled{background:linear-gradient(45deg,#a8a8a8,#d3d3d3);box-shadow:none;cursor:not-allowed;transform:none}.error-alert{align-items:center;background:#ff00001a;border-radius:8px;color:#d63031;display:flex;gap:10px;margin-bottom:1rem;padding:10px}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.profile-page{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0 auto;max-width:800px;padding:20px}.error-container h2{margin-bottom:10px}.download-suggestion{background:linear-gradient(135deg,#667eea,#764ba2)}.public-profile-header{background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000001a;margin-bottom:30px;padding:30px}.profile-avatar-section{margin-bottom:30px;text-align:center}.profile-avatar{box-shadow:0 4px 15px #0003;height:120px;margin-bottom:20px;width:120px}.public-profile-header h2{color:#333;font-size:2rem;margin:0}.profile-stats{flex-wrap:wrap;gap:20px;justify-content:space-around;margin:30px 0}.stat-item{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:15px;flex:1 1;min-width:120px;padding:20px}.stat-icon{color:#667eea;font-size:1.5rem;margin-bottom:10px}.stat-value{color:#333;font-size:2rem;margin-bottom:5px}.stat-label{color:#666;font-size:.9rem;text-align:center}.profile-bio{background:#f8f9fa;border-left:4px solid #667eea;margin-top:30px}.profile-bio h3{color:#333;margin-bottom:15px}.profile-bio p{color:#666;line-height:1.6;margin:0}.app-button-section{background:linear-gradient(135deg,#667eea1a,#764ba21a)}.prominent-app-button{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 6px 25px #667eea80}.prominent-app-button:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);box-shadow:0 8px 30px #667eeab3}.prominent-app-button:active{box-shadow:0 4px 20px #667eea80}.app-promotion-section{margin:30px 0}.app-promo-card{background:linear-gradient(135deg,#667eea,#764ba2);padding:30px}.app-promo-card h3{font-size:1.5rem}.promo-features{gap:15px;justify-content:space-around}.promo-feature{background:#ffffff1a;font-size:.9rem;padding:10px 15px}.app-promo-card p{font-size:1rem;opacity:.9}.limited-access-notice{border-radius:10px;margin-top:30px;padding:20px}.limited-access-notice h4{font-size:1.1rem;margin-bottom:10px}.limited-access-notice p{font-size:.95rem}@media (max-width:768px){.profile-page{padding:15px}.public-profile-header{padding:20px}.profile-avatar{height:100px;width:100px}.public-profile-header h2{font-size:1.6rem}.profile-stats{flex-direction:column;gap:15px}.stat-item{min-width:auto}.app-button-section{margin:15px 0;padding:20px 15px}.prominent-app-button{font-size:1.2rem;min-width:240px;padding:16px 32px}.promo-features{align-items:center;flex-direction:column}.app-promo-card{padding:25px 20px}.app-promo-card h3{font-size:1.3rem}}@media (max-width:480px){.profile-stats{gap:10px}.stat-item{padding:15px}.stat-value{font-size:1.5rem}.app-button-section{margin:10px 0;padding:15px 10px}.prominent-app-button{font-size:1.1rem;min-width:200px;padding:14px 28px}.app-promo-card{padding:20px 15px}.limited-access-notice{padding:15px}}.public-quiz-page{color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.error-container,.loading-container{padding:60px 20px;text-align:center}.error-container h2{color:#666;margin-bottom:15px}.error-container p{color:#888;font-size:1.1rem;margin-bottom:30px}.download-suggestion{background:linear-gradient(135deg,#6f42c1,#6610f2);border-radius:15px;color:#fff;margin-top:30px;padding:30px}.download-suggestion h3{font-size:1.4rem;margin-bottom:15px}.quiz-hero{background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000001a;display:flex;gap:40px;margin-bottom:40px;padding:30px}.quiz-image-section{flex-shrink:0}.quiz-image{box-shadow:0 8px 30px #0000004d;object-fit:cover}.placeholder-quiz-image,.quiz-image{border-radius:15px;height:200px;width:300px}.placeholder-quiz-image{align-items:center;background:linear-gradient(135deg,#6f42c1,#6610f2);color:#fff;display:flex;flex-direction:column;font-size:1.2rem;font-weight:600;justify-content:center}.quiz-info{display:flex;flex:1 1;flex-direction:column}.quiz-info h1{color:#333;font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:20px}.quiz-meta{display:flex;flex-wrap:wrap;gap:25px;margin-bottom:20px}.meta-item{align-items:center;color:#666;display:flex;font-size:1rem;gap:8px}.meta-item.difficulty{font-weight:600}.meta-item svg{color:#6f42c1}.meta-item.difficulty svg{color:inherit}.app-button-section{background:linear-gradient(135deg,#6f42c11a,#6610f21a);border-radius:15px;margin:20px 0;padding:30px 20px}.app-button-section,.prominent-app-button{align-items:center;display:flex;justify-content:center}.prominent-app-button{background:linear-gradient(135deg,#6f42c1,#6610f2);border:none;border-radius:60px;box-shadow:0 6px 25px #6f42c180;color:#fff;cursor:pointer;font-size:1.4rem;font-weight:700;gap:12px;letter-spacing:.5px;min-width:280px;padding:20px 40px;text-align:center;text-decoration:none;text-transform:none;transition:all .3s ease}.prominent-app-button:hover{background:linear-gradient(135deg,#5a2d9f,#520dc7);box-shadow:0 8px 30px #6f42c1b3;color:#fff;text-decoration:none;transform:translateY(-3px)}.prominent-app-button:active{box-shadow:0 4px 20px #6f42c180;transform:translateY(-1px)}.prominent-app-button.desktop-download{background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 6px 25px #28a74566}.prominent-app-button.desktop-download:hover{background:linear-gradient(135deg,#218838,#1e7e34);box-shadow:0 8px 30px #28a74599}.user-score-section{margin:20px 0}.score-badge{align-items:center;background:linear-gradient(135deg,#ffc107,#f80);border-radius:25px;box-shadow:0 4px 15px #ffc1074d;color:#fff;display:inline-flex;font-size:1.1rem;font-weight:600;gap:10px;padding:12px 24px}.friends-scores{margin-top:30px}.friends-scores h3{color:#333;font-size:1.3rem;margin-bottom:20px}.friends-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.friend-score{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;display:flex;gap:12px;padding:15px}.friend-avatar{border-radius:50%;height:40px;object-fit:cover;width:40px}.friend-info{display:flex;flex-direction:column;gap:4px}.friend-name{color:#333;font-size:.95rem;font-weight:600}.friend-score-value{color:#666;font-size:.9rem;font-weight:500}.app-promotion-section{margin:40px 0}.app-promo-card{background:linear-gradient(135deg,#6f42c1,#6610f2);border-radius:20px;color:#fff;padding:40px;text-align:center}.app-promo-card h3{font-size:1.6rem;margin-bottom:25px}.promo-features{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin:25px 0}.promo-feature{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:25px;display:flex;font-size:.95rem;gap:8px;padding:12px 20px}.promo-feature svg{color:gold}.app-promo-card p{font-size:1.1rem;line-height:1.6;margin-left:auto;margin-right:auto;margin-top:20px;max-width:600px;opacity:.95}.limited-access-notice{background:#fff3cd;border:1px solid #ffeaa7;border-radius:15px;margin-top:40px;padding:25px}.limited-access-notice h4{color:#856404;font-size:1.2rem;margin-bottom:12px}.limited-access-notice p{color:#856404;font-size:1rem;line-height:1.6;margin:0}@media (max-width:768px){.public-quiz-page{padding:15px}.quiz-hero{flex-direction:column;gap:25px;padding:20px}.quiz-image-section{align-self:center}.placeholder-quiz-image,.quiz-image{height:167px;width:250px}.quiz-info h1{font-size:2rem;text-align:center}.quiz-meta{flex-wrap:wrap;justify-content:center}.app-button-section{margin:15px 0;padding:20px 15px}.prominent-app-button{font-size:1.2rem;min-width:240px;padding:16px 32px}.friends-grid{gap:12px;grid-template-columns:1fr}.promo-features{align-items:center;flex-direction:column;gap:15px}.app-promo-card{padding:30px 20px}}@media (max-width:480px){.placeholder-quiz-image,.quiz-image{height:133px;width:200px}.quiz-info h1{font-size:1.6rem}.app-button-section{margin:10px 0;padding:15px 10px}.prominent-app-button{font-size:1.1rem;min-width:200px;padding:14px 28px}.score-badge{font-size:1rem;padding:10px 20px}.friend-score{padding:12px}.friend-avatar{height:35px;width:35px}.app-promo-card{padding:25px 15px}}.tinder-wrapper{background-color:#000;flex-direction:column;gap:5px;height:calc(100vh - 70px);margin:0;position:fixed;width:100vw}.tinder-container,.tinder-wrapper{align-items:center;display:flex;padding:0}.tinder-container{height:100%;justify-content:center;margin-bottom:0;top:0;width:100%}.card-container{height:111vw;left:calc(100vw - 25.33784vh);max-height:75vh;max-width:50.67568vh;position:fixed;top:10%;width:75vw}.swipe{position:absolute}.card,.swipe{height:100%;width:100%}.card{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:20px;box-shadow:0 0 10px #0003;overflow:hidden;position:relative}.card h3{color:#fff;max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis;top:20px;white-space:nowrap}.card h3,.card h4{margin:10px;position:absolute;text-shadow:0 0 5px #000c}.card h4{color:#c5c5c5;top:45px}.loading-container{align-items:center;background-color:#fffc;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}.spinner{animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:50px;width:50px}.loading-overlay{background-color:#fffc;bottom:0;justify-content:center;left:0;position:absolute;right:0;top:0}.loading-overlay,.loading-tinder{align-items:center;display:flex;z-index:1000}.loading-tinder{flex-direction:column;gap:10px;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}.loading-spinner-tinder{animation:spin 1s ease-in-out infinite;border:5px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:50px;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.loading-text{background-color:#000000b3;border-radius:10px;color:#fff;font-size:16px;margin-top:20px;padding:20px;text-align:center}.loading-text h3{color:#3498db;font-size:20px;margin:0 0 15px}.loading-text ul{list-style:none;margin:0;padding:0}.loading-text li{align-items:center;display:flex;font-size:16px;gap:10px;line-height:1.4;margin:10px 0}.swipe-hints{height:100%;pointer-events:none;width:100%;z-index:1}.hint{align-items:center;background:#ffffffe6;border-radius:20px;box-shadow:0 2px 8px #0000001a;display:flex;font-weight:700;gap:8px;opacity:.8;padding:5px 10px 5px 5px;position:fixed}.hint-up{color:#2196f3;top:1px}.hint-down,.hint-up{left:50%;transform:translateX(-50%)}.hint-down{bottom:100px;color:#f44336}.hint-left{color:#2196f3;left:1px;top:50%;transform:translateY(-50%) rotate(180deg)}.hint-right{color:#4caf50;right:1px;top:50%;transform:translateY(-50%)}.hint i{font-size:1.2em}.hint-left,.hint-right{height:auto;min-height:120px;padding:15px 5px;text-orientation:mixed;writing-mode:vertical-rl}.hint-left i,.hint-right i{margin-bottom:0;transform:rotate(90deg)}.rating-modal-content,.rating-modal-content h2{align-items:center;color:#f3f3f3;display:flex;flex-direction:column;gap:1rem;margin:0;padding:0}.rating-modal-content p{font-size:1.2rem;margin-bottom:1rem;text-align:center}.text-modal{align-items:center;color:#f3f3f3;display:flex;flex-direction:column;gap:1rem;padding:1rem}.background-spinner{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:-1}.card-content{display:flex;flex-direction:column;height:100%;position:relative;width:100%}.rating-section{background:#ffffff8c;border-bottom-left-radius:20px;border-bottom-right-radius:20px;border-radius:30px;bottom:80px;box-shadow:0 2px 10px #0000001a;margin:0;max-width:300px;padding:0;position:fixed;width:100%;z-index:2}.score-tooltip{background:#000c;border-radius:8px;bottom:100%;color:#fff;font-size:1.2em;left:50%;margin-bottom:10px;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s ease;white-space:nowrap}.score-tooltip.visible{opacity:1}.score-tooltip:after{border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid #000c;bottom:-5px;content:"";left:50%;position:absolute;transform:translateX(-50%)}.rating-below-card{display:none}.notation-container.compact{padding:5px}.notation-container.compact .slider-container{margin:5px 0}.notation-container.compact .score-meaning{font-size:1.2em;margin:2px 0}.slider-container:after,.slider-container:before{content:none}.reload-button{align-items:center;background-color:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;gap:10px;left:50%;padding:15px 30px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:background-color .3s;z-index:1}.reload-button:hover{background-color:#2980b9}.reload-button:disabled{background-color:#bdc3c7;cursor:not-allowed}.reload-button i{font-size:18px}.info-button{align-items:center;background-color:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;left:20px;position:fixed;top:20px;transition:background-color .3s;width:40px;z-index:1000}.info-button:hover{background-color:#000000e6}.info-button i{font-size:20px}.cards-count{background-color:#000000b3;border-radius:15px;color:#fff;font-size:14px;padding:5px 10px;position:fixed;right:20px;top:20px;z-index:1000}.genre{margin:0;max-width:100%;position:relative;text-align:left}.genre-tag{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:#ffffff1a;border-radius:3px;color:#fff;display:inline-block;font-size:.75em;font-style:normal;margin-left:2px;padding:3px 6px}.director{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px;max-width:100%;padding:0}.director-tag{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#ffffff1a;border-radius:3px;color:#61dafb;display:inline-block;font-size:.75em;font-style:normal;margin-left:2px;padding:3px 6px}.cast{margin:0;max-width:70%;position:relative;text-align:left}.cast-tag{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:#ffffff1a;border-radius:3px;color:#fff;display:inline-block;font-size:.75em;font-size:.7em;font-style:normal;margin-left:2px;padding:3px 6px}.home-container{background:linear-gradient(135deg,#1a1a1a,#0a0a0a);color:#fff;min-height:100vh;padding:20px}.home-header{margin:0;padding:0;text-align:center}.home-header h1{background:linear-gradient(45deg,#61dafb,#ff6b6b);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:3em;margin:0;text-shadow:2px 2px 4px #0000004d}.home-header p{color:#888;font-size:1.2em;margin-top:10px}.tmdb-logo{display:block;margin:0 10px 10px 5px;width:80px}.sections-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1200px;padding:20px}.section-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;cursor:pointer;overflow:hidden;padding:25px;position:relative;transition:all .3s ease}.section-card:before{background:var(--card-color);content:"";height:100%;left:0;opacity:.1;position:absolute;top:0;transition:opacity .3s ease;width:100%}.section-card:hover{box-shadow:0 10px 20px #0003;transform:translateY(-5px)}.section-card:hover:before{opacity:.2}.card-icon{color:var(--card-color);font-size:2.5em;margin-bottom:15px}.section-card h2{color:#fff;font-size:1.5em;margin:0 0 10px}.section-card p{color:#888;font-size:.9em;line-height:1.4;margin:0}@media (max-width:768px){.home-header h1{font-size:2.5em}.sections-grid{gap:10px;grid-template-columns:repeat(2,1fr);padding:10px}.section-card{padding:15px}.card-icon{font-size:2em;margin-bottom:10px}.section-card h2{font-size:1.2em}.section-card p{font-size:.8em}}@media (max-width:380px){.sections-grid{grid-template-columns:1fr}}.section-card{animation:fadeIn .5s ease forwards;animation-delay:calc(var(--index)*.1s)}.app-landing{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.hero{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;min-height:80vh;padding:80px 40px}.hero-content{flex:1 1;max-width:500px}.app-icon{margin-bottom:30px}.app-logo{border-radius:16px;box-shadow:0 8px 32px #0000004d;height:80px;width:80px}.app-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#f0f8ff);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:700;margin:20px 0 10px}.app-subtitle{font-size:1.4rem;font-weight:300;margin-bottom:30px;opacity:.9}.hero-description{font-size:1.1rem;line-height:1.6;margin-bottom:40px;opacity:.85}.hero-buttons{margin-bottom:50px}.download-btn{align-items:center;background:linear-gradient(45deg,#ff6b6b,#ee5a24);border:none;border-radius:12px;box-shadow:0 4px 20px #ff6b6b66;color:#fff;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:600;gap:12px;padding:16px 32px;text-decoration:none;transition:all .3s ease}.download-btn:hover{box-shadow:0 8px 25px #ff6b6b99;transform:translateY(-2px)}.download-btn.primary{background:linear-gradient(45deg,#ff6b6b,#ee5a24)}.features-preview{display:flex;flex-wrap:wrap;gap:30px}.feature-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:25px;display:flex;gap:10px;padding:12px 20px}.feature-icon{color:#ff6b6b;font-size:1.2rem}.feature-item span{font-size:.95rem;font-weight:500}.phone-mockup{align-items:center;display:flex;flex:0 0 300px;justify-content:center}.phone-frame{background:#1a1a1a;border-radius:30px;box-shadow:0 20px 60px #0000004d;height:500px;padding:20px;position:relative;width:250px}.phone-frame:before{background:#333;border-radius:3px;content:"";height:6px;left:50%;position:absolute;top:15px;transform:translateX(-50%);width:60px}.phone-screen{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;display:flex;height:100%;justify-content:center;overflow:hidden;width:100%}.screenshot{border-radius:20px;height:120px;width:120px}.features{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;padding:100px 40px}.features-content{margin:0 auto;max-width:1200px;text-align:center}.features h2{font-size:2.5rem;font-weight:700;margin-bottom:60px}.features-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:60px}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:40px 30px;text-align:center;transition:transform .3s ease}.feature-card:hover{transform:translateY(-5px)}.feature-icon-large{align-items:center;background:linear-gradient(45deg,#ff6b6b,#ee5a24);border-radius:20px;color:#fff;display:flex;font-size:2rem;height:80px;justify-content:center;margin:0 auto 30px;width:80px}.feature-card h3{font-size:1.5rem;font-weight:600;margin-bottom:20px}.feature-card p{font-size:1rem;line-height:1.6;opacity:.85}.download-section{padding:100px 40px;text-align:center}.download-content{margin:0 auto;max-width:800px}.download-section h2{font-size:2.5rem;font-weight:700;margin-bottom:20px}.download-section p{font-size:1.2rem;margin-bottom:50px;opacity:.85}.download-buttons{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.store-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff4d;border-radius:12px;color:#fff;display:flex;gap:15px;min-width:200px;padding:20px 30px;text-decoration:none;transition:all .3s ease}.store-button:hover{background:#fff3;box-shadow:0 8px 25px #0003;transform:translateY(-2px)}.store-icon{font-size:2.5rem}.store-text{align-items:flex-start;display:flex;flex-direction:column}.store-label{font-size:.9rem;opacity:.8}.store-name{font-size:1.3rem;font-weight:600}.app-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0003;padding:40px;text-align:center}.footer-content{margin:0 auto;max-width:1200px}.footer-logo{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:20px}.footer-logo img{border-radius:8px;height:40px;width:40px}.footer-logo span{font-size:1.2rem;font-weight:600}.footer-content p{font-size:.9rem;opacity:.7}@media (max-width:768px){.hero{flex-direction:column;padding:40px 20px;text-align:center}.hero-content{margin-bottom:40px;max-width:100%}.app-title{font-size:2.5rem}.features-preview{justify-content:center}.feature-item{flex-direction:column;gap:8px;text-align:center}.phone-mockup{flex:none}.phone-frame{height:400px;width:200px}.features{padding:60px 20px}.features h2{font-size:2rem}.features-grid{gap:30px;grid-template-columns:1fr}.download-section{padding:60px 20px}.download-section h2{font-size:2rem}.download-buttons{align-items:center;flex-direction:column}.store-button{max-width:300px;width:100%}}@media (max-width:480px){.app-title{font-size:2rem}.download-btn,.hero-description{font-size:1rem}.download-btn{padding:14px 24px}.phone-frame{height:360px;width:180px}.features-grid{gap:20px}.feature-card{padding:30px 20px}}.friends-page{background-color:#121212;color:#fff;margin:0 auto;max-width:1200px;min-height:100vh;padding:30px}.friends-header{background:linear-gradient(135deg,#1a1a1a,#2c3e50);border-radius:15px;box-shadow:0 4px 15px #0000001a;margin-bottom:40px;padding:20px;position:relative}.back-button,.friends-header{align-items:center;display:flex}.back-button{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff26;border:2px solid #ffffff4d;border-radius:30px;color:#fff;cursor:pointer;font-weight:600;gap:10px;margin-right:20px;padding:12px 24px;transition:all .3s ease}.back-button:hover{background:#ffffff40;box-shadow:0 5px 15px #0003;transform:translateY(-2px)}.friends-header h2{color:#fff;font-size:28px;font-weight:600;margin:0;text-shadow:0 2px 4px #0000001a}.friends-controls{background:#1e1e1e;border:1px solid #333;border-radius:12px;box-shadow:0 2px 10px #0000000d;margin-bottom:30px;padding:20px}.search-bar{align-items:center;background-color:#2a2a2a;border-radius:30px;color:#fff;display:flex;padding:12px 20px;transition:all .3s ease;width:90%}.search-bar:focus-within{background-color:#333;box-shadow:0 0 0 2px #3498db}.search-bar input{background:none;border:none;color:#fff;font-size:16px;margin-left:10px;width:100%}.search-bar input::placeholder{color:#888}.users-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));padding:10px}.user-card{align-items:center;background:#1e1e1e;border:1px solid #333;border-radius:15px;box-shadow:0 4px 15px #0000000d;display:flex;flex-direction:column;padding:20px;position:relative;transition:all .3s ease}.user-card:hover{background:#252525;box-shadow:0 8px 25px #0000001a;transform:translateY(-5px)}.user-avatar{border:4px solid #1e1e1e;border-radius:50%;box-shadow:0 4px 15px #0000001a;cursor:pointer;height:120px;object-fit:cover;transition:transform .2s;width:120px}.user-avatar:hover{transform:scale(1.05)}.user-info{align-items:center;display:flex;flex-direction:column;margin:3px 0 10px}.user-info h3{color:#fff;margin:0;text-align:center}.compatibility-score-friends-profile{align-items:center;background:#2a2a2a;border-radius:20px;box-shadow:0 2px 8px #0003;color:#fff;display:flex;font-size:.9em;gap:5px;justify-content:center;padding:8px 15px;position:absolute;right:10px;top:10px}.score-0{color:#ff6b6b}.score-1{color:#ffd93d}.score-2{color:#6bff6b}.follow-button{align-items:center;border:none;border-radius:25px;cursor:pointer;display:flex;font-weight:600;gap:8px;justify-content:center;letter-spacing:.5px;margin:0 auto;padding:10px 24px;text-transform:uppercase;transition:all .3s ease}.follow-button:not(.following){background:linear-gradient(135deg,#2980b9,#164666);box-shadow:0 4px 15px #3498db4d;color:#fff}.follow-button.following{background-color:#333;color:#aaa}.follow-button:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.filter-toggle{align-items:center;border-radius:25px;color:#fff;display:flex;font-weight:500;gap:8px;margin-top:5px;padding:10px 20px}.filter-toggle input[type=checkbox]{margin-right:10px;transform:scale(1.2)}.mutual-follow{align-items:center;background:#2ecc71;display:flex;gap:5px}.mutual-follow,.not-following-back{animation:fadeIn .3s ease-in-out;border-radius:15px;color:#fff;font-size:.8em;padding:5px 12px;position:absolute;right:10px;top:45px}.not-following-back{background:#128aec}.follows-you{animation:fadeIn .3s ease-in-out;background:#3498db;border-radius:15px;color:#fff;font-size:.8em;padding:5px 12px;position:absolute;right:10px;top:45px}.support-container{color:#333;margin:0 auto;max-width:800px;padding:20px}.support-container h1{color:#7f7f7f;font-size:2.5em;margin-bottom:40px;text-align:center}.support-section{background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;margin-bottom:40px;padding:20px}.support-section h2{color:#2c3e50;font-size:1.8em;margin-bottom:20px}.faq-item{margin-bottom:20px}.faq-item h3{color:#1a1a1a;font-size:1.2em;margin-bottom:10px}.faq-item p{color:#333;line-height:1.6}.support-section a{color:#2563eb;text-decoration:none}.support-section a:hover{text-decoration:underline}.support-section ul{list-style:none;padding:0}.support-section li{margin-bottom:10px}.contact-form{gap:20px;margin:0 auto;max-width:600px}.contact-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#1a1a1a;font-weight:500}.support-container .contact-form .form-group input,.support-container .contact-form .form-group textarea{background-color:#f5f5f5!important;border:1px solid #ccc!important;border-radius:8px!important;color:#000!important;font-size:16px!important;padding:12px!important;transition:border-color .3s ease!important;width:100%!important}.support-container .contact-form .form-group input::placeholder,.support-container .contact-form .form-group textarea::placeholder{color:#666!important}.form-group input:focus,.form-group textarea:focus{border-color:#3498db;outline:none}.submit-button{background-color:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:background-color .3s ease}.submit-button:hover{background-color:#2980b9}.submit-button.sending,.submit-button:disabled{cursor:not-allowed;opacity:.7}.success-message{background-color:#d4edda;color:#155724}.error-message,.success-message{animation:fadeIn .3s ease-in;border-radius:8px;margin-top:15px;padding:12px;text-align:center}.error-message{background-color:#f8d7da;color:#721c24}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.support-container{padding:15px}.support-container h1{font-size:2em}.support-section h2{font-size:1.5em}}.privacy-container{color:#333;margin:0 auto;max-width:800px;padding:20px}.privacy-container h1{color:#7f7f7f;margin-bottom:30px;text-align:center}.privacy-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:40px;padding:20px}.privacy-section h2{border-bottom:2px solid #eee;color:#1a1a1a;margin-bottom:15px;padding-bottom:10px}@media (prefers-color-scheme:dark){.privacy-container{color:#e1e1e1}.privacy-container h1{color:#fff}.privacy-section{background:#1a1a1a;box-shadow:0 2px 4px #0003}.privacy-section h2{border-bottom-color:#333;color:#60a5fa}.privacy-section li,.privacy-section p{color:#e1e1e1}}.privacy-section p{color:#333;line-height:1.6;margin-bottom:15px}.privacy-section ul{list-style-type:none;margin:15px 0;padding:0}.privacy-section li{color:#333;line-height:1.5;margin-bottom:12px;padding-left:24px;position:relative}.privacy-section li:before{color:#60a5fa;content:"•";font-size:18px;left:8px;position:absolute}@media (prefers-color-scheme:dark){.privacy-section li:before{color:#60a5fa}}@media (max-width:768px){.privacy-container{padding:15px}.privacy-section{margin-bottom:30px;padding:15px}.privacy-container h1{font-size:24px}.privacy-section h2{font-size:20px}}.terms-container{color:#333;margin:0 auto;max-width:800px;padding:20px}.terms-container h1{color:#7f7f7f;margin-bottom:30px;text-align:center}.terms-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:40px;padding:20px}.terms-section h2{border-bottom:2px solid #eee;color:#1a1a1a;margin-bottom:15px;padding-bottom:10px}@media (prefers-color-scheme:dark){.terms-container{color:#e1e1e1}.terms-container h1{color:#fff}.terms-section{background:#1a1a1a;box-shadow:0 2px 4px #0003}.terms-section h2{border-bottom-color:#333;color:#60a5fa}.terms-section li,.terms-section p{color:#e1e1e1}}.footer-links{border-top:2px solid #eee;margin-top:40px;padding-top:20px;text-align:center}.footer-links a{color:#60a5fa;margin:0 15px;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#3b82f6;text-decoration:underline}@media (prefers-color-scheme:dark){.footer-links{border-top-color:#333}}.terms-section p{color:#333;line-height:1.6;margin-bottom:15px}.terms-section ul{list-style-type:none;margin:15px 0;padding:0}.terms-section li{color:#333;line-height:1.5;margin-bottom:12px;padding-left:24px;position:relative}.terms-section li:before{color:#60a5fa;content:"•";font-size:18px;left:8px;position:absolute}@media (prefers-color-scheme:dark){.terms-section li:before{color:#60a5fa}}@media (max-width:768px){.terms-container{padding:15px}.terms-section{margin-bottom:30px;padding:15px}.terms-container h1{font-size:24px}.terms-section h2{font-size:20px}}.App{background-color:#000;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.activity-feed{display:flex;flex-direction:column;height:100vh;overflow-y:scroll;scroll-snap-type:y mandatory}.activity-item{align-items:center;background-position:50%;background-size:cover;box-sizing:border-box;display:flex;flex:0 0 100vh;flex-direction:column;justify-content:center;padding:20px;position:relative;scroll-snap-align:start}.activity-item img{display:block}.activity-item p{color:#fff;margin:10px 0;text-shadow:2px 2px 4px #000000b3}.rating{align-items:center;background:#00000080;border-radius:5px;box-sizing:border-box;display:flex;justify-content:flex-start;margin:10px 0;padding:10px;width:100%}.stars{color:gold;font-size:20px;margin:5px 0}.avatar{border-radius:50%;margin-right:10px;max-height:50px;object-fit:contain;width:50px}.avatar-upload{height:150px;margin:0 auto 20px;position:relative;width:150px}.avatar-label{cursor:pointer;display:block;height:100%;position:relative;width:100%}.avatar-label input[type=file]{display:none}.upload-overlay{background:#000000b3;bottom:0;color:#fff;font-size:14px;left:0;opacity:0;padding:5px;position:absolute;right:0;transition:opacity .3s}.avatar-label:hover .upload-overlay{opacity:1}.error-message{color:#f44;font-size:14px;margin-top:5px}.bottom-menu{background-color:#282c34;bottom:0;box-shadow:0 -2px 5px #00000080;display:flex;justify-content:space-around;left:0;padding:10px 0;position:fixed;width:100%;z-index:1000}.bottom-menu a{color:#fff;font-size:24px;text-decoration:none}.bottom-menu a:hover{color:#61dafb}.bottom-menu button{background:none;border:none;color:#fff;cursor:pointer;font-size:24px}.bottom-menu button:hover{color:#61dafb}.login-page{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center}.login-page input{font-size:16px;margin:10px 0;padding:10px}.login-page button{background-color:#61dafb;border:none;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}.login-page button:hover{background-color:#21a1f1}.flag-icon{background:none;border:none;cursor:pointer;position:absolute;transition:all .3s ease;z-index:0}.activity-item .flag-icon{color:#fff;font-size:24px;text-shadow:2px 2px 4px #000000b3}.grid-item .flag-icon,.search-item .flag-icon{color:#fff;font-size:36px;right:0;text-shadow:2px 2px 4px #00000080;top:15px;transform:translateY(-50%)}.grid-item .flag-icon:hover,.search-item .flag-icon:hover{transform:translateY(-50%) scale(1.2)}.flag-icon.filled{color:#f44}.my-list{padding:20px;text-align:center}.list-feed{display:flex;flex-direction:column;height:100vh;overflow-y:scroll;scroll-snap-type:y mandatory}.list-item{align-items:center;background-position:50%;background-size:cover;box-sizing:border-box;display:flex;flex:0 0 100vh;flex-direction:column;justify-content:center;padding:20px;position:relative;scroll-snap-align:start}.confirmation-page{color:#fff;padding:20px;text-align:center}.confirmation-page a{color:#61dafb;text-decoration:none}.confirmation-page a:hover{text-decoration:underline}.profile-page{background-color:#111;color:#fff;min-height:100vh;padding:20px 20px 80px}.profile-header{align-items:center;background:#ffffff0d;border-radius:15px;display:flex;flex-direction:column;margin-bottom:20px;padding:20px}.profile-avatar{border:4px solid #61dafb;border-radius:50%;height:150px;margin-bottom:15px;object-fit:cover;width:150px}.profile-stats{display:flex;gap:40px;justify-content:center;margin:20px 0}.stat-item{align-items:center;background:#ffffff0d;border-radius:10px;display:flex;flex-direction:column;padding:15px}.stat-value{color:#61dafb;font-size:24px;font-weight:700}.stat-label{color:#888;font-size:14px}.profile-bio{background:#ffffff0d;border-radius:10px;margin-top:20px;padding:20px}.profile-bio h3{color:#61dafb;margin-bottom:10px}.edit-button{background:#61dafb;border:none;border-radius:20px;color:#fff;cursor:pointer;margin-top:10px;padding:8px 16px}.profile-edit-form{background:#ffffff0d;border-radius:10px;margin:0 auto;max-width:500px;padding:20px}.form-group{margin-bottom:20px}.form-group label{color:#61dafb;display:block;margin-bottom:5px}.form-group input,.form-group textarea{background:#ffffff1a;border:1px solid #61dafb;border-radius:5px;color:#fff;padding:8px;width:100%}.form-group textarea{min-height:100px;resize:vertical}.form-buttons{display:flex;gap:10px;justify-content:flex-end}.form-buttons button{border:none;border-radius:5px;cursor:pointer;padding:8px 16px}.form-buttons button[type=submit]{background:#61dafb;color:#fff}.form-buttons button[type=button]{background:#666;color:#fff}.logout-button{align-items:center;background-color:#ffffff1a;border:none;border-radius:20px;color:#f44;cursor:pointer;display:flex;gap:8px;padding:10px 20px;position:absolute;right:20px;top:20px;transition:all .3s ease}.logout-button:hover{background-color:#f44;color:#fff}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;padding:5px;position:absolute;right:10px;top:10px;transition:background-color .3s;width:40px}.modal-close:hover{background-color:#ffffff1a}.modal-header{padding-right:60px;position:relative}.modal-header h2{color:#61dafb;margin-top:0}.modal-header .flag-icon{font-size:30px;left:auto;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.modal-body{display:flex;gap:20px;margin-top:20px}.modal-body img{border-radius:10px;height:auto;object-fit:cover;width:300px}.movie-details{flex:1 1}.overview{font-size:1.1em;line-height:1.6;margin-bottom:20px}.rating,.release-date{color:#888;font-size:.9em}@media (max-width:768px){.modal-body{flex-direction:column}.modal-body img{margin:0 auto;max-width:300px;width:100%}}.activity-grid{padding-bottom:20px;padding-top:0}.activity-modal{background:#0000;max-width:1000px;padding:0}.activity-detail{color:#fff;display:flex;flex-direction:column;justify-content:space-between;min-height:90vh;padding:40px}.activity-info{padding-right:60px;position:relative;text-align:left}.activity-info h2{color:#fff;font-size:2.5em;margin:0;text-shadow:2px 2px 4px #00000080}.media-type{color:#61dafb;margin:10px 0;text-transform:uppercase}.activity-ratings{display:flex;flex-direction:column;gap:20px;margin-top:40px}.rating.detailed{background:#000000b3;border-radius:10px;padding:0}.rating-header{align-items:center;display:flex;margin-bottom:0}.rating-user{display:flex;flex-direction:column;margin-left:15px}.pseudo{font-size:1.1em;font-weight:700}.rating-date{color:#888;font-size:.8em}.rating-comment{font-style:italic;line-height:1.4;margin-left:10px;margin-top:16px}.ratings-preview{margin-top:10px}.more-ratings{color:#61dafb;font-size:.8em}.flag-icon.large{font-size:36px;position:absolute;right:10px;top:10px}.fullscreen-feed{background:#000;height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:2000}.fullscreen-items-container{height:100vh;position:relative;width:100%}.fullscreen-item,.fullscreen-items-container{transition:transform .5s cubic-bezier(.4,0,.2,1)}.fullscreen-item{left:0;overflow:hidden;position:fixed;top:0}.fullscreen-item.current{top:0}.fullscreen-item.next{top:100vh}.fullscreen-item.prev{top:-100vh}.fullscreen-item{-ms-overflow-style:none;background-position:50%;background-size:cover;height:100vh;overflow-y:auto;position:relative;scrollbar-width:none;transition:transform .5s ease-in-out;width:100%}.fullscreen-item::-webkit-scrollbar{display:none}.fullscreen-content{color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:space-between;left:0;overflow:hidden;padding:20px;pointer-events:none;position:fixed;right:0;text-align:left;top:0;z-index:2001}.fullscreen-content>*{pointer-events:auto}.content-header{max-height:calc(50vh - 80px);right:80px;top:15px}.content-header,.ratings-footer{left:20px;overflow-y:auto;position:fixed;z-index:2001}.ratings-footer{bottom:80px;max-height:40vh;padding-bottom:env(safe-area-inset-bottom);right:20px;scrollbar-color:#ffffff4d #0000;scrollbar-width:thin}.close-fullscreen{align-items:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;position:fixed;right:20px;top:20px;width:40px;z-index:2001}.close-fullscreen:hover{background:#fff3}.fullscreen-feed .rating.detailed{background:#000000b3;margin-bottom:15px}.fullscreen-feed .flag-icon.large{position:fixed;right:70px;top:20px;z-index:2001}.slide-up{transform:translateY(-100%)}.slide-down{transform:translateY(100%)}.scoring-button{align-items:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;position:fixed;right:70px;top:20px;transition:all .3s ease;width:40px;z-index:2001}.scoring-modal{color:#fff;max-width:500px;text-align:center}.scoring-modal h2{color:#fff;margin-bottom:30px}.scoring-options{display:flex;flex-direction:column;gap:15px}.score-button{align-items:center;background:#ffffff1a;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:18px;gap:15px;padding:15px 20px;transition:all .3s ease}.score-button:hover{background:#fff3;transform:scale(1.02)}.score-emoji{font-size:24px}.score-text{flex:1 1;text-align:left}.overview-section{background:#000000b3;border-radius:10px;margin:10px 0;max-height:100px;overflow-y:auto;padding:10px;scrollbar-color:#61dafb80 #0000;scrollbar-width:thin}.overview-section::-webkit-scrollbar{width:6px}.overview-section::-webkit-scrollbar-track{background:#0000}.overview-section::-webkit-scrollbar-thumb{background-color:#61dafb80;border-radius:3px}.overview-content{padding:5px}.overview-text{color:#ffffffe6;font-size:.9em;line-height:1.4;margin:0}.overview-section .genres{color:#61dafb;font-size:.8em;margin:8px 0 0}.fullscreen-buttons{display:flex;gap:10px;position:fixed;right:20px;top:20px;z-index:2001}.fullscreen-buttons .flag-icon.large,.fullscreen-buttons .scoring-button{align-items:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.fullscreen-buttons .flag-icon.large:hover,.fullscreen-buttons .scoring-button:hover{background:#fff3}.fullscreen-buttons .flag-icon.large.filled{color:#f44}.modal-actions{display:flex;gap:10px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.modal-actions .scoring-button{align-items:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.modal-actions .scoring-button:hover{background:#fff3}.search-item-actions{display:flex;flex-direction:column;gap:10px;left:-40px;position:absolute;top:50%;transform:translateY(-50%);z-index:10}.search-item-actions .flag-icon,.search-item-actions .scoring-button.small{align-items:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;left:auto;position:relative;text-shadow:2px 2px 4px #00000080;top:auto;transform:none;transition:all .3s ease;width:36px}.search-item-actions .flag-icon:hover,.search-item-actions .scoring-button.small:hover{background:#fff3;transform:scale(1.2)}.search-item-actions .scoring-button.small{color:gold}.tiktok-buttons{gap:15px;position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:2002}.action-button,.tiktok-buttons{display:flex;flex-direction:column}.action-button{align-items:center;background:#00000080;border:none;border-radius:10px;color:#fff;cursor:pointer;padding:10px;transition:all .3s ease;width:60px}.action-button:hover{background:#fff3}.action-button.active{color:#f44}.button-icon{font-size:24px;margin-bottom:5px}.button-label{font-size:12px;text-align:center}.platforms-modal{max-width:400px}.platforms-list{color:#fff;margin-top:20px;text-align:center}.poster-background{background-position:50%;background-size:cover;bottom:0;left:0;position:absolute;right:0;top:0;transition:transform .5s ease-out;will-change:transform;z-index:-1}.poster-background.slide-up{animation:slideUp .5s ease-out forwards}.poster-background.slide-down{animation:slideDown .5s ease-out forwards}@keyframes slideUp{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes slideDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}.modal-title{color:#fff;font-size:1.5em;margin:10px;max-width:300px;min-height:30px;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.platforms-list{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem}.platform-item{align-items:center;border-radius:4px;color:#fff;display:flex;gap:.5rem;padding:.5rem}.platform-item img{height:50px;object-fit:contain;width:50px}
/*# sourceMappingURL=main.b15daa27.css.map*/