:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#111;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;justify-content:center;align-items:center;min-width:0;min-height:100vh;text-align:center}h1{font-family:Cal Sans,sans-serif;font-weight:400;font-size:3.2em;line-height:1.1}button{border-radius:10px;border:1px solid transparent;padding:.6em 1.2em;margin:.4em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.app-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;text-align:center}.predictions-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;justify-content:center;margin:20px 0}.movie-card{height:auto;width:300px;padding:20px;background-color:#1f1f1f;border-radius:15px;box-shadow:0 4px 8px #ffffff3d;text-align:center;cursor:pointer;margin:10px}.movie-card img{width:80%;height:70%;border-radius:15px}.movie-card h3{margin:10px 0;color:#fff}.movie-card p{color:#ffffffbc;font-family:Cascadia Code,sans-serif;font-optical-sizing:auto;font-weight:500}.movie-card:hover{transform:scale(1.05)}.additional-movies{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.question-container{width:300px;margin:0 auto}.button-group{display:flex;flex-direction:column;gap:10px}.predictions-container{display:flex;flex-wrap:wrap;gap:25px;justify-content:center;margin:20px 0}.movie-card-rating{height:auto;width:400px;padding:20px;background-color:#1f1f1f;border-radius:15px;text-align:center;margin:10px;font-family:Cascadia Code,sans-serif;font-optical-sizing:auto;font-weight:500}.movie-card-rating img{width:80%;height:60%;border-radius:15px}.movie-card-rating h3{margin:10px 0;color:#fff;font-family:Cascadia Code,sans-serif;font-optical-sizing:auto;font-weight:700}.movie-card-rating p{color:#ffffffbc;font-family:Cascadia Code,sans-serif;font-optical-sizing:auto;font-weight:500}.showMore{background-color:#333;align-self:auto;margin-bottom:10px;font-family:Cascadia Code,sans-serif;font-optical-sizing:auto;font-weight:500}.showMore:hover{background-color:#000;transition:transform .4s}.expanded-card{grid-column:1 / -1;width:75%;height:500px;flex-basis:60%;grid-column:span 2;font-family:Cal Sans,sans-serif;font-weight:700}.expanded-card:hover{transform:scale(1.05)}.expanded-card img{border-radius:15px;width:240px;height:70%}.expanded-content{display:flex;width:100%;align-items:center;justify-content:space-between;font-family:Cascadia Code,sans-serif;font-optical-sizing:auto;font-weight:500}.expanded-info{flex-grow:1}.synopsis{font-size:.9em;color:#ccc;padding:25px;font-family:Cascadia Code,sans-serif;font-optical-sizing:auto;font-weight:500}.cast{padding:0 10px;font-family:Cascadia Code,sans-serif;font-optical-sizing:auto;font-weight:500}.expanded-grid{grid-template-columns:1fr}.rating-section{display:flex;flex-direction:column;align-items:center}.rating-circle{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#000;font-family:Cascadia Code,sans-serif;font-optical-sizing:auto;font-weight:700}.affiliate-box{background-color:#000;padding:5px 10px;border-radius:15px;text-align:center;margin-top:10px;box-shadow:#cccccc30}.affiliate-box h4{color:#fff;font-size:.9em;font-family:Cascadia Code,sans-serif;font-optical-sizing:auto;font-weight:500}.affiliate-box a{display:block;color:gold;text-decoration:none;margin:5px 0;font-family:Cascadia Code,sans-serif;font-optical-sizing:auto;font-weight:500}.affiliate-box a:hover{color:orange}.affiliate-link:hover{transform:scale(1.1)}.affiliate-box a img{width:75px;height:75px;max-width:100%;max-height:100%;object-fit:scale-down}.apple-icon{width:16px}.bottom-section{display:flex;justify-content:space-between;width:100%;margin-top:10px;padding:10px}.release-year{font-size:1em;color:#fff;align-self:flex-start;font-family:Cascadia Code,sans-serif;font-optical-sizing:auto;font-weight:700}.keywords{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end;margin:0 10px;font-family:Cascadia Code,sans-serif;font-optical-sizing:auto;font-weight:700}.keyword-box{background-color:#444;color:#fff;padding:0 10px;border-radius:15px;align-content:center;font-size:.85em}.progress-bar-container{position:fixed;top:0;left:0;width:100%;height:5px;z-index:1000}.progress-bar{height:100%;background-color:#00ff7f;transition:width .3s ease-in-out;box-shadow:0 0 10px #00ff7f}.synopsis-container{max-height:120px;overflow-y:auto;padding:12px 15px;background-color:inherit;border-radius:12px;margin:10px 15px;font-size:.95rem;line-height:1.4}.synopsis-container::-webkit-scrollbar{width:6px}.synopsis-container::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.synopsis-container::-webkit-scrollbar-track{background:transparent}.progress-score{position:absolute;color:#fff;font-size:1.25em;margin:20px;font-family:Cascadia Code,sans-serif;font-optical-sizing:auto;font-weight:700}.subtitle{font-family:Cascadia Code,sans-serif;font-optical-sizing:auto;font-weight:700}.landing-page{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;width:100%}.landing-container{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;width:100vw;text-align:center;color:#fff;overflow:hidden}.start-button{font-family:Cascadia Code,sans-serif;font-weight:700}.info-container{justify-content:center;align-items:center;width:80%;max-width:900px;margin-top:50px;background:#0009;border-radius:15px}.info-box{padding:20px;background:#000c;border-radius:15px;margin-bottom:30px}.info-box h2{color:#ff0060;font-size:32px;font-family:Cal Sans,sans-serif;font-weight:700}.info-box p{color:#ddd;font-family:Cascadia Code,sans-serif;font-optical-sizing:auto;font-weight:700}.background-animation{position:absolute;width:100%;height:100%;background:linear-gradient(-45deg,#ff416c,#ff4b2b,#1a2a6c,#0072ff);background-size:400% 400%;animation:gradientShift 10s ease infinite;z-index:-1}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.title{font-size:3rem;font-weight:700;text-shadow:0 0 10px rgba(255,255,255,.8);animation:neonGlow 1.5s infinite alternate}@keyframes neonGlow{0%{text-shadow:0 0 5px rgba(255,255,255,.6)}to{text-shadow:0 0 20px rgba(255,255,255,1)}}.start-button{padding:12px 24px;font-size:1.2rem;font-weight:700;color:#fff;background:#ff416c;background-color:#ff4a78;border:none;border-radius:25px;cursor:pointer;transition:background .3s ease}.start-button:hover{background:#ff4b2b}.background-posters{position:absolute;top:0;left:0;width:100vw;height:125vh;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;z-index:-2;transition:filter .3s ease-in-out}.cover-collage{width:auto;max-width:none;height:100%;border-radius:15px}.background-posters.dimmed{filter:brightness(.2)}@media (max-width: 1200px){.poster{width:18vw}}@media (max-width: 800px){.poster{width:25vw}}@media (max-width: 500px){.poster{width:30vw}}.background-overlay{position:absolute;width:100%;height:100%;background:#000000a6;z-index:-1}.subtitle{font-size:1.2rem;max-width:600px;margin-bottom:20px;font-family:Cascadia Code,sans-serif;font-optical-sizing:auto;font-weight:700}.loading-container{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#000000b3;color:#fff;font-size:1.5rem;z-index:1000}.loading-text{margin-bottom:10px;font-family:Cascadia Code,sans-serif;font-optical-sizing:auto;font-weight:700}.spinner{width:50px;height:50px;border:5px solid rgba(255,255,255,.3);border-top:5px solid #fff;border-radius:50%}.footer{text-align:center;padding:20px;background-color:#111;color:#fff;font-size:16px;font-family:Cascadia Code,sans-serif;font-optical-sizing:auto;font-weight:700}.social-links{margin-top:10px;display:flex;justify-content:center;gap:15px}.social-icon{display:flex;align-items:center;justify-content:center;background:#222;border-radius:50%;width:40px;height:40px;transition:transform .2s ease-in-out}.social-icon svg{color:#fff}.social-icon:hover{transform:scale(1.2);background:#ff0062}@media (max-width: 768px){.predictions-container{display:flex;flex-direction:column;align-items:center}.movie-card{width:90%;max-width:350px}.movie-title{font-size:16px;text-align:center}.affiliate-link{font-size:12px;padding:8px}.amazon-icon{width:16px}}.consent-banner{position:fixed;left:50%;bottom:25%;transform:translate(-50%);background:#000000d9;color:#fff;height:50%;padding:15px 20px;border-radius:10px;box-shadow:0 4px 6px #0000004d;z-index:1000;width:90%;max-width:600px;max-height:85vh;overflow-y:auto;display:flex;flex-direction:column;align-items:center;text-align:center}.consent-banner .button-container{margin-top:20px;display:flex;gap:0px;width:100%;justify-content:center;flex-wrap:wrap}.consent-banner button{margin:25px 5px 0;height:auto;width:auto;min-width:100px;font-family:Cascadia Code,sans-serif;font-optical-sizing:auto;font-weight:700}.consent-banner p{margin:20px;font-size:22px;font-family:Cascadia Code,sans-serif;font-optical-sizing:auto;font-weight:700}.consent-banner a{color:gold;text-decoration:underline}.accept-btn,.decline-btn{background-color:gold;border:none;padding:8px 15px;cursor:pointer;font-weight:700;border-radius:5px;transition:background .3s}.decline-btn{background-color:gray}.accept-btn:hover{background-color:#ffc107}.decline-btn:hover{background-color:#666}.footer{background:#111;color:#fff;text-align:center;padding:10px}.footer-links{display:flex;justify-content:center;gap:15px;margin-top:5px}.footer-links a{color:#f4c542;text-decoration:none;font-weight:700}.footer-links a:hover{text-decoration:underline}.rate-movies{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;min-height:calc(100vh - 60px);text-align:center;box-sizing:border-box}.movie-card-rating{background-color:#1f1e1e;padding:1.75rem;border-radius:15px;box-shadow:0 4px 15px #00000080;max-width:425px;width:90%;display:flex;flex-direction:column;align-items:center;color:#fff;margin-top:20px}.movie-card-rating img{max-width:180px;height:auto;border-radius:5px;margin-bottom:1rem;box-shadow:0 2px 8px #0000004d;background-color:#555}.movie-card-rating h3{margin-top:0;margin-bottom:.5rem;font-size:1.7rem;font-family:Cal Sans,sans-serif;font-weight:500}.movie-card-rating p{font-size:.9rem;color:#ccc;margin-bottom:1rem;max-width:100%;font-family:Cascadia Code,sans-serif;font-optical-sizing:auto;font-weight:500}.synopsis-container{margin-bottom:1.5rem;font-size:.9rem;line-height:1.4;color:#ddd}.synopsis-container button{background:none;border:none;color:#3498db;cursor:pointer;padding:0;margin-left:5px;font-size:.9rem;font-family:Cascadia Code,sans-serif;font-optical-sizing:auto;font-weight:500}.rating-buttons{display:flex;justify-content:center;gap:.75rem;margin-top:1rem;margin-bottom:1rem;flex-wrap:wrap}.rating-button{padding:.7rem 1.1rem;border:none;border-radius:25px;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;min-width:50px;box-shadow:0 3px 6px #00000040;font-family:Cascadia Code,sans-serif;font-optical-sizing:auto;font-weight:500}.rating-button:hover{transform:translateY(-3px);box-shadow:0 5px 10px #00000059}.rating-button:active{transform:translateY(0);box-shadow:0 1px 3px #0003}.floating-coffee-button{position:fixed;bottom:20px;right:20px;background-color:#fd0;color:#000;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;text-decoration:none;font-weight:700;box-shadow:0 4px 12px #0000004d;z-index:999;transition:background-color .3s,transform .3s}.floating-coffee-button:hover{background-color:#ffc700;transform:scale(1.1)}.support-under-recommendations{display:inline-block;background-color:#fd0;color:#000;padding:12px 24px;border-radius:9999px;text-decoration:none;margin-top:2rem;font-family:Cascadia Code,sans-serif;font-optical-sizing:auto;font-weight:700;font-size:16px;transition:background-color .3s,transform .3s}.support-under-recommendations:hover{background-color:#ffc700;color:#000;transform:scale(1.05)}.quiz-container{min-height:100vh;background:linear-gradient(to bottom right,#111827,#000);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;position:relative;overflow:hidden}@media (min-width: 640px){.quiz-container{padding:1.5rem}}.quiz-back-button{position:absolute;top:1rem;left:1rem;color:#d1d5db;background-color:#1f293780;border-radius:9999px;padding:.5rem;transition:all .2s ease-in-out;z-index:10;line-height:0}.quiz-back-button:hover{color:#fff;background-color:#374151b3}@media (min-width: 640px){.quiz-back-button{top:1.5rem;left:1.5rem}}.quiz-score-display{position:absolute;top:1rem;right:1rem;text-align:right}.quiz-score{font-size:1.25rem;font-weight:700;color:#fff}.quiz-high-score{font-size:.875rem;color:#9ca3af;display:flex;align-items:center;justify-content:flex-end;margin-top:.25rem}.quiz-high-score svg{width:14px;height:14px;margin-right:.25rem;color:#f59e0b}@media (min-width: 640px){.quiz-score-display{top:1.5rem;right:1.5rem}}.quiz-content{width:100%;max-width:64rem;display:flex;flex-direction:column;align-items:center}.quiz-title{font-size:1.5rem;font-weight:700;margin-bottom:2rem;text-align:center;color:#f3f4f6}@media (min-width: 768px){.quiz-title{font-size:2.25rem;margin-bottom:3rem}}.quiz-cards-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;width:100%}@media (min-width: 768px){.quiz-cards-grid{grid-template-columns:repeat(2,1fr);gap:2.5rem}}.quiz-movie-card{position:relative;border-radius:.5rem;padding:1rem;border:1px solid rgba(55,65,81,.5);background-color:#1f293799;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transition:all .3s ease-in-out;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center}.quiz-movie-card:not(.reveal-active):hover{border-color:#6b7280b3;transform:scale(1.02);cursor:pointer}.quiz-movie-card.correct{border-color:#22c55e;box-shadow:0 0 0 2px #22c55e80,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:scale(1.02)}.quiz-movie-card.incorrect-guess{border-color:#ef4444;box-shadow:0 0 0 2px #ef444480,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.quiz-movie-card.faded{opacity:.5;transform:scale(.98)}.quiz-movie-card.disabled{pointer-events:none}.quiz-card-image-container{width:100%;aspect-ratio:2 / 3;margin-bottom:1rem}.quiz-card-image{border-radius:.375rem;width:100%;height:100%;object-fit:cover;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.quiz-card-title{font-size:1.125rem;font-weight:600;color:#f3f4f6;margin-top:.25rem;margin-bottom:.5rem;padding-left:.5rem;padding-right:.5rem}.quiz-reveal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000c;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:.5rem}.quiz-reveal-score{font-size:3rem;font-weight:700;margin-bottom:.75rem;color:#fff}.quiz-reveal-overlay svg{width:36px;height:36px}.quiz-reveal-overlay svg.correct-icon{color:#4ade80}.quiz-reveal-overlay svg.incorrect-icon{color:#f87171}.quiz-game-over{text-align:center;display:flex;flex-direction:column;align-items:center;padding:1.5rem;background-color:#1f2937b3;border-radius:.75rem;box-shadow:0 25px 50px -12px #00000040}.quiz-game-over-title{font-size:2.25rem;font-weight:700;color:#ef4444;margin-bottom:1rem}.quiz-game-over-subtitle{margin-bottom:.5rem;font-size:1.5rem;color:#e5e7eb}.quiz-game-over-score{font-size:3.75rem;font-weight:700;margin-bottom:1.5rem;color:#fff}.quiz-new-high-score{color:#facc15;font-size:1.125rem;margin-bottom:1rem;display:flex;align-items:center;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.quiz-new-high-score svg{margin-right:.5rem}.quiz-final-high-score-info{font-size:.875rem;color:#9ca3af;margin-bottom:2rem}@keyframes pulse{50%{opacity:.5}}@media (min-width: 640px){.quiz-game-over-title{font-size:3rem}.quiz-game-over-subtitle{font-size:1.875rem}.quiz-game-over-score{font-size:4.5rem}}.quiz-share-buttons{display:flex;gap:.75rem;margin-bottom:1.5rem;margin-top:.5rem}.quiz-share-button,.quiz-copy-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border:1px solid #4b5563;background-color:#374151cc;color:#d1d5db;font-weight:500;border-radius:9999px;transition:all .2s ease-in-out;font-size:.875rem;cursor:pointer;white-space:nowrap}.quiz-share-button:hover,.quiz-copy-button:hover{background-color:#4b5563e6;border-color:#6b7280;color:#fff}.quiz-share-button:focus,.quiz-copy-button:focus{outline:2px solid transparent;outline-offset:2px;box-shadow:0 0 0 2px #a5b4fc99}.quiz-share-button svg,.quiz-copy-button svg{width:18px;height:18px}.quiz-copy-button:disabled{opacity:.6;cursor:default}.quiz-copy-button:disabled:hover{background-color:#374151cc;border-color:#4b5563;color:#d1d5db}.quiz-restart-button{margin-bottom:1.25rem;padding:.75rem 2rem;background-color:#4f46e5;color:#fff;font-weight:600;border-radius:9999px;transition:background-color .2s ease-in-out;font-size:1.125rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:none;cursor:pointer}.quiz-restart-button:hover{background-color:#4338ca}.quiz-restart-button:focus{outline:2px solid transparent;outline-offset:2px;box-shadow:0 0 0 3px #a5b4fcbf}.quiz-back-link{color:#818cf8;text-decoration:underline;font-size:.875rem;transition:color .2s ease-in-out}.quiz-back-link:hover{color:#a78bfa}.quiz-loading{min-height:100vh;background:linear-gradient(to bottom right,#111827,#000);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem}