@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap";#page-loader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#121212;display:flex;justify-content:center;align-items:center;z-index:10000;transition:opacity .5s ease-out}.spinner{width:50px;height:50px;border:5px solid rgba(255,255,255,.2);border-top-color:gold;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.content-hidden{visibility:hidden;opacity:0}*{box-sizing:border-box}body{font-family:Montserrat,sans-serif;background-color:#121212;color:#fff;display:flex;justify-content:center;align-items:center;min-height:100vh;margin:0}#snowCanvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.container{padding:20 4px 0;width:100%;max-width:640px;text-align:center}.dynamic-text{font-size:2.25rem;line-height:2.8rem;letter-spacing:-.025em;text-wrap:balance}.subtitle-text{letter-spacing:-.025em;text-wrap:balance}.profile-img{width:1.5rem;height:1.5rem;border-radius:50%;margin-left:.125rem;vertical-align:middle}h1{font-size:2em;margin-bottom:10px}h2{font-size:1.2em}.mood-buttons{display:flex;justify-content:center;gap:12px;margin-top:20px;flex-wrap:wrap}.mood-btn{font-family:Montserrat,sans-serif;font-size:16px;display:flex;align-items:center;justify-content:center;background-color:#333;border:none;color:#fff;padding:10px 20px;cursor:pointer;border-radius:8px;transition:background-color .3s ease,transform .2s ease;outline:none}.mood-btn span{margin-left:8px}.mood-btn:hover{background-color:#555;transform:translateY(-2px)}.hidden{display:none!important}.title{display:flex;overflow-x:auto;white-space:nowrap;margin:0;padding:0;font-size:1.25rem}.genres{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;white-space:nowrap;overflow-y:hidden;overscroll-behavior-y:none;-webkit-overflow-scrolling:touch;scrollbar-width:none;scrollbar-color:#555 transparent}.genres::-webkit-scrollbar{display:none}.genre-btn{font-family:Montserrat,sans-serif;font-size:11px;padding:8px;background-color:#333;color:#fff;border:none;border-radius:20px;outline:none;transition:background-color .3s ease;margin-right:4px}::-webkit-scrollbar{height:6px;display:none}.overview{width:100%;height:6.8em;overflow-y:auto;line-height:1.2em;word-wrap:break-word;overflow-wrap:break-word;box-sizing:border-box;padding-right:8px}.overview::-webkit-scrollbar{width:6px;height:6px}.overview::-webkit-scrollbar-track{background-color:transparent}.overview::-webkit-scrollbar-thumb{background-color:#555;border-radius:10px;transition:background-color .3s ease}.overview::-webkit-scrollbar-thumb:hover{background-color:#888}.overview{scrollbar-width:thin;scrollbar-color:#555 transparent}.mood-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:15px}.movie-infos{padding:15px;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.mood-footer{display:flex;justify-content:space-between;align-items:center;width:100%}#share-box{box-sizing:border-box;position:fixed;bottom:0;left:0;width:100%;background-color:#121212;color:#fff;border-top:1px solid #444;padding:1rem;display:none;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 -4px 8px #0000004d;z-index:1000;font-family:Montserrat,sans-serif;font-size:1rem}#share-box p{margin:0 0 10px;font-size:.875rem;text-align:center}#close-share-box{position:absolute;top:0;right:0;padding:1rem;background:none;border:none;color:#fff;font-size:1rem;cursor:pointer;z-index:10000}#close-share-box:hover{transform:scale(1.2)}.share-buttons{display:flex;justify-content:center;gap:10px}.social-icon{font-size:2rem;transition:transform .2s,color .3s;color:#fff}.social-icon:hover{transform:scale(1.2)}.social-icon:focus{outline:none}.social-icon.clicked{color:#fff;transform:scale(1)}#back-btn,#new-movie-btn,#change-mood-btn,#where-to-watch-btn{font-family:Montserrat,sans-serif;background-color:#333;color:#fff;border:none;padding:10px;cursor:pointer;transition:background-color .3s ease;border-radius:8px;outline:none}#change-mood-btn:hover,#back-btn:hover,#back-button:hover,#new-movie-btn:hover,#where-to-watch-btn:hover{background-color:#555}.movie-content{min-height:314.39px}.about-page .video-container{visibility:hidden}.about-page .movie-infos{min-height:314.39px;display:flex;flex-direction:column}.about-page .overview{flex-grow:1;overflow-y:auto;height:auto;max-height:none}#movie-details{font-family:Montserrat,sans-serif;background-color:#1a1a1a;border-radius:8px;text-align:left}#movie-details img{width:100%;max-width:300px;border-radius:8px;margin-bottom:10px}#movie-details h3{font-size:1.6em;margin:10px 0}#movie-details p{font-size:1em;line-height:1.6}#movie-details .rating-category{display:flex;justify-content:space-between;margin:0}#movie-details .genres{display:flex;justify-content:start;align-items:center;gap:.5rem;height:25px;margin:0}#movie-details a{color:gold;text-decoration:none;font-size:1.2em;margin-top:15px;display:inline-block;transition:color .3s ease}#movie-details a:hover{color:tomato}@media (max-width: 480px){body{flex-direction:column;justify-content:flex-start}.dynamic-text{font-size:1.8em}.mood-header,.movie-infos{padding:15px}.mood-btn{font-size:18px;padding:8px 16px}#movie-details h3{font-size:1.4em}#movie-details p{font-size:.9em}#movie-details a{font-size:1em}.skeleton-line.title{height:1.4em}.skeleton-line.short{height:.9em}}@media (max-width: 768px){.container{padding:0 4px}.home-screen{padding:0 12px}.mood-buttons{gap:6px}.dynamic-text{font-size:2.2rem;line-height:2.2rem;letter-spacing:-.025em}.subtitle-text{letter-spacing:-.03em}#movie-details img{max-width:250px}#movie-details h3{font-size:1.5em}#movie-details p{font-size:.95em}#movie-details a{font-size:1.1em}.skeleton-line.title{height:1.5em}.skeleton-line.short{height:.95em}}@media (min-width: 1024px){.container{width:80%}.mood-btn{font-size:24px}#movie-details img{max-width:300px}#movie-details h3{font-size:1.6em}#movie-details p{font-size:1em}#movie-details a{font-size:1.2em}}footer{margin-top:20px;font-family:Montserrat,sans-serif;font-size:14px;margin-bottom:100px}footer a{color:gold;text-decoration:none}footer a:hover{color:tomato}.skeleton{display:block;width:100%;background-color:#1a1a1a;border-radius:8px;overflow:hidden}.skeleton-header{display:flex;justify-content:space-between;align-items:center;padding:15px;margin-bottom:0;box-sizing:border-box}.skeleton-infos{padding:15px;height:314.39px;box-sizing:border-box}.skeleton-line{height:20px;background-color:#333;border-radius:4px;position:relative;overflow:hidden}.skeleton-line:after,.skeleton-video:after,.skeleton-genre-btn:after{content:"";position:absolute;top:0;left:-150%;width:150%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);animation:shimmer 1.5s infinite}.skeleton-line.title{height:1.6em;width:70%;margin-bottom:10px}.skeleton-line.short{width:40%;height:1em;margin-bottom:10px}.skeleton-line.overview-placeholder{width:100%;height:6.8em;margin-top:1em;margin-bottom:1em}.skeleton-line.text{height:16px;width:100%;margin-bottom:6px}.skeleton-line.text:last-child{width:80%}.skeleton-video{width:100%;padding-bottom:56.25%;background-color:#333;position:relative;overflow:hidden}.skeleton-genres{display:flex;gap:.5rem;height:25px;margin:0 0 10px}.skeleton-genre-btn{height:25px;width:60px;background-color:#333;border-radius:20px;position:relative;overflow:hidden}.skeleton-footer{display:flex;justify-content:space-between;margin:0}.skeleton-button{height:40px;width:24%;background-color:#333;border-radius:8px;position:relative;overflow:hidden}.skeleton-button:after{content:"";position:absolute;top:0;left:-150%;width:150%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{to{left:150%}}@keyframes blink{0%,to{opacity:1}50%{opacity:.1}}#loader{display:inline-block;animation:blink 1s linear infinite}#dice-icon{display:inline-block}#dice-icon{animation:rollDice .6s ease-in-out infinite}@keyframes rollDice{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.video-container{position:relative;width:100%;padding-bottom:56.25%;margin:0;overflow:hidden}.video-container iframe,.video-container video{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;border:none}.streaming-providers-container{overflow-y:hidden;overflow-x:auto;width:45%;height:37px}.streaming-providers-list,.no-providers-message{display:flex;align-items:center;height:100%;flex-wrap:nowrap;box-sizing:border-box;margin:0;transition:transform .3s ease-out,opacity .3s ease-out}.providers-enter-initial{transform:translate(100px);opacity:0}.streaming-providers-list{gap:10px}.provider-logo{height:37px;width:37px!important;min-width:37px!important;max-width:37px!important;border-radius:6px;transition:transform .1s ease,opacity .1s ease;flex-shrink:0;flex-grow:0;margin:0}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-2px)}50%{transform:translate(2px)}75%{transform:translate(-2px)}to{transform:translate(0)}}@keyframes pulse{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:.8}}@keyframes fade{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}.no-providers-message{justify-content:start;padding:0 15px;color:#ffffffb3;font-size:.9em;animation:shake 1.2s ease-in-out}#movie-details .about-content a{font-size:inherit;margin-top:0;display:inline}#movie-details .about-content a:hover{color:tomato}