body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{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{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}button.trailer-button:hover{box-shadow:0 0 10px rgba(0,123,255,.6)}.poster-wrapper{position:relative;width:100%;aspect-ratio:2/3;overflow:hidden;border-top-left-radius:.375rem;border-top-right-radius:.375rem}.poster-img{width:100%;height:100%;object-fit:cover;display:block}.provider-logo-wrapper{width:48px;height:48px;padding:4px;border-radius:10px;background-color:#fff;box-shadow:0 2px 6px rgba(0,0,0,.05);transition:transform .2s ease-in-out;display:flex;align-items:center;justify-content:center;overflow:hidden}.provider-logo-wrapper img{width:100%;height:auto;object-fit:contain}@media (hover:hover) and (pointer:fine){.provider-logo-wrapper:hover{transform:scale(1.1)}}.provider-scroll-wrapper{display:flex;overflow-x:auto;grid-gap:12px;gap:12px;padding-bottom:8px;margin-top:8px;scroll-behavior:smooth}.provider-scroll-wrapper::-webkit-scrollbar{height:6px}.provider-scroll-wrapper::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.1);border-radius:6px}.provider-scroll-wrapper::-webkit-scrollbar-track{background-color:initial}.provider-logo-link{flex:0 0 auto;text-decoration:none}.loading-dots{display:flex;grid-gap:.5rem;gap:.5rem;justify-content:center;font-size:1.5rem;color:#6c757d}@media (max-width:768px){.container{padding-left:15px;padding-right:15px}.d-flex.align-items-center.justify-content-center h2{font-size:1.5rem;text-align:center}.d-flex.align-items-center.justify-content-center img{height:50px!important;margin-right:8px!important}.mood-card{max-width:100px!important;font-size:.8rem!important}.mood-card .card-body{padding:.5rem!important}.card.h-100{margin-bottom:1rem}.poster-wrapper{aspect-ratio:2/3;height:auto!important;max-height:300px;overflow:hidden}.poster-img{width:100%;height:100%;object-fit:contain!important;object-position:center;background-color:#f8f9fa}.card.mb-4.shadow-sm.p-3{padding:1rem!important}.btn-lg{padding:12px 24px;font-size:1rem}.my-4{margin-top:2rem!important;margin-bottom:2rem!important}.my-5{margin-top:2.5rem!important;margin-bottom:2.5rem!important}.d-none.d-md-block{display:none!important}.d-flex.justify-content-between.align-items-center{flex-direction:column;align-items:flex-start!important;grid-gap:1rem;gap:1rem}.d-flex.justify-content-between.align-items-center h3{font-size:1.4rem;text-align:center;width:100%}}@media (min-width:768px) and (max-width:1024px){.col-md-4{flex:0 0 auto;width:50%}.poster-wrapper{aspect-ratio:2/3;height:auto!important;max-height:350px}.poster-img{width:100%;height:100%;object-fit:contain!important;object-position:center;background-color:#f8f9fa}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.loading-dots span{animation:none!important}}.btn:focus,.card:focus,.form-control:focus,.form-select:focus{outline:2px solid #0d6efd;outline-offset:2px;box-shadow:0 0 0 .2rem rgba(13,110,253,.25)}@media (prefers-contrast:high){.btn,.card{border:2px solid #000}.text-muted{color:#000!important}}.main-app-wrapper{min-height:100vh;background:linear-gradient(135deg,rgba(102,126,234,.08),rgba(118,75,162,.05) 25%,hsla(0,0%,100%,.98) 50%,rgba(102,126,234,.05) 75%,rgba(118,75,162,.08));position:relative;overflow-x:hidden}.main-app-wrapper:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(45deg,transparent,transparent 80px,rgba(118,75,162,.025) 82px,rgba(118,75,162,.025) 84px,transparent 86px,transparent 120px,rgba(102,126,234,.02) 122px,rgba(102,126,234,.02) 124px),repeating-linear-gradient(90deg,transparent,transparent 150px,rgba(118,75,162,.015) 152px,rgba(102,126,234,.015) 154px,transparent 156px,transparent 200px),radial-gradient(ellipse at center,rgba(118,75,162,.03) 0,rgba(102,126,234,.02) 50%,transparent 100%);pointer-events:none;z-index:1}.main-content-container{position:relative;z-index:2}.main-content-container .d-flex.align-items-center.justify-content-center{background:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:1.5rem 2rem;margin-bottom:2rem!important;box-shadow:0 8px 32px rgba(102,126,234,.1);border:1px solid hsla(0,0%,100%,.2);transition:all .3s ease}.main-content-container .d-flex.align-items-center.justify-content-center:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(102,126,234,.15)}.main-content-container h2{background:linear-gradient(135deg,#667eea,#764ba2);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;letter-spacing:-.5px}.cinematic-panel-compact{background:hsla(0,0%,100%,.95)!important;-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;border:1px solid rgba(102,126,234,.15)!important;box-shadow:0 8px 32px rgba(102,126,234,.1)!important}.cinematic-panel-compact:hover{background:hsla(0,0%,100%,.98)!important;box-shadow:0 12px 40px rgba(102,126,234,.15)!important}.movie-card-cinematic{background:hsla(0,0%,100%,.95)!important;-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;box-shadow:0 8px 32px rgba(0,0,0,.08)!important}.movie-card-cinematic:hover{background:hsla(0,0%,100%,.98)!important;box-shadow:0 16px 48px rgba(102,126,234,.2)!important;transform:translateY(-4px)!important}@media (max-width:768px){.main-app-wrapper{background:linear-gradient(135deg,rgba(102,126,234,.06),hsla(0,0%,100%,.99) 40%,hsla(0,0%,100%,.99) 60%,rgba(118,75,162,.06))}.main-app-wrapper:before{opacity:.3}.main-content-container .d-flex.align-items-center.justify-content-center{padding:1rem 1.5rem;margin-bottom:1.5rem!important}}@media (max-width:576px){.main-content-container .d-flex.align-items-center.justify-content-center{padding:.75rem 1rem;border-radius:15px}.main-content-container h2{font-size:1.5rem}}@media (prefers-color-scheme:dark){.main-app-wrapper{background:linear-gradient(135deg,rgba(44,62,80,.95),rgba(52,73,94,.9) 25%,rgba(30,30,30,.98) 50%,rgba(52,73,94,.9) 75%,rgba(44,62,80,.95))!important}.main-content-container .d-flex.align-items-center.justify-content-center{background:rgba(30,30,30,.9)!important;color:#fff!important}.cinematic-panel-compact{background:rgba(30,30,30,.95)!important;border-color:rgba(102,126,234,.3)!important}.movie-card-cinematic{background:rgba(30,30,30,.95)!important;border-color:rgba(102,126,234,.2)!important}body{background-color:#121212;color:#fff}.card{background-color:#1e1e1e;border-color:#404040;color:#fff}.bg-light{background-color:#2d2d2d!important}.text-muted{color:#b0b0b0!important}.alert{border:1px solid #404040}.image-placeholder{background-color:#2d2d2d!important}}.btn,.card,.mood-card{min-height:44px}.spinner-border{border-width:3px}h1,h2,h3,h4,h5,h6{margin-bottom:1rem;line-height:1.3}.container{max-width:1200px}.alert{border-radius:12px;padding:1.5rem;margin:1.5rem 0}.alert h4{margin-bottom:1rem}@media (hover:hover) and (pointer:fine){.card:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15);transition:all .3s ease}}.placeholder{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.position-fixed.top-0.start-50{z-index:9999;max-width:90vw}.movie-card-consistent{transition:all .3s ease;border:1px solid #dee2e6;border-radius:.5rem}.movie-card-consistent:hover{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important;transform:translateY(-2px)}.movie-card-consistent .card-title{font-size:1.1rem;font-weight:600;color:#212529;line-height:1.3}.movie-card-consistent .badge{border-radius:.375rem;font-size:.75rem;font-weight:500;padding:.35rem .65rem}.movie-card-consistent .badge.bg-info{background-color:#0dcaf0!important}.movie-card-consistent .badge.bg-secondary{background-color:#6c757d!important}.movie-card-consistent .trailer-button{border-radius:.375rem!important;font-weight:600!important;transition:all .3s ease!important}.movie-card-consistent .trailer-button:hover{transform:translateY(-1px)!important}.movie-card-consistent .poster-wrapper{position:relative;overflow:hidden;border-radius:.375rem .375rem 0 0}.movie-card-consistent .poster-img{width:100%;height:auto;transition:transform .3s ease}@media (max-width:1024px){.movie-card-consistent .poster-wrapper{aspect-ratio:2/3!important;height:auto!important}.movie-card-consistent .poster-img{width:100%;height:100%!important;object-fit:contain!important;object-position:center;background-color:#f8f9fa}.movie-card-consistent .image-container{width:100%;height:100%;background-color:#f8f9fa}.movie-card-consistent .image-container img{object-fit:contain!important;object-position:center;background-color:#f8f9fa}}.movie-card-consistent:hover .poster-img{transform:scale(1.02)}.movie-card-consistent .provider-logo-wrapper{width:40px;height:40px;border-radius:.375rem;overflow:hidden;background:#f8f9fa;display:flex;align-items:center;justify-content:center;transition:all .3s ease;border:1px solid #dee2e6}.movie-card-consistent .provider-logo-link{transition:all .2s ease-in-out;border-radius:.375rem;overflow:hidden;display:inline-block;text-decoration:none!important}.movie-card-consistent .provider-logo-link.clickable{cursor:pointer!important}.movie-card-consistent .provider-logo-link:hover .provider-logo-wrapper{background:#e9ecef;transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.1)}.movie-card-consistent .provider-logo-link:active .provider-logo-wrapper{transform:translateY(0) scale(.95);background:#dee2e6}@media (max-width:768px){.movie-card-consistent .provider-logo-link{min-width:44px;min-height:44px;padding:2px;-webkit-tap-highlight-color:rgba(102,126,234,.2);transition:transform .1s ease-out,opacity .1s ease-out}.movie-card-consistent .provider-logo-link:active{transform:scale(.95);opacity:.8}.movie-card-consistent .provider-logo-wrapper{touch-action:manipulation}}:root{--bs-primary:#667eea!important;--bs-primary-rgb:102,126,234!important}.btn-primary{background-color:#667eea!important;border-color:#667eea!important}.btn-primary:active,.btn-primary:focus,.btn-primary:hover{background-color:#5a67d8!important;border-color:#5a67d8!important}.btn-outline-primary{color:#667eea!important;border-color:#667eea!important}.btn-outline-primary:active,.btn-outline-primary:focus,.btn-outline-primary:hover{background-color:#667eea!important;border-color:#667eea!important;color:#fff!important}.movie-card-consistent .provider-logo{width:32px;height:32px;object-fit:contain;transition:all .2s ease-in-out;border-radius:4px}.movie-card-consistent .provider-logo-link:focus{outline:2px solid rgba(102,126,234,.5);outline-offset:2px}.movie-card-consistent .provider-logo-link:focus .provider-logo-wrapper{box-shadow:0 0 0 2px rgba(102,126,234,.3)}.movie-card-consistent .provider-scroll-wrapper{display:flex;grid-gap:.5rem;gap:.5rem;overflow-x:auto;padding:.25rem 0;scrollbar-width:thin;scrollbar-color:#6c757d transparent}.movie-card-consistent .provider-scroll-wrapper::-webkit-scrollbar{height:4px}.movie-card-consistent .provider-scroll-wrapper::-webkit-scrollbar-track{background:#f8f9fa;border-radius:2px}.movie-card-consistent .provider-scroll-wrapper::-webkit-scrollbar-thumb{background:#6c757d;border-radius:2px}.movie-card-consistent .provider-scroll-wrapper::-webkit-scrollbar-thumb:hover{background:#495057}.hero-section{min-height:100vh;display:flex;align-items:center;position:relative;background:linear-gradient(135deg,#667eea,#764ba2)}.hero-background{z-index:1}.hero-background,.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%}.hero-overlay{background:linear-gradient(135deg,rgba(102,126,234,.9),rgba(118,75,162,.8) 50%,rgba(0,0,0,.6));z-index:2}.hero-content{z-index:3;color:#fff}.hero-title{font-size:clamp(3rem,8vw,6rem);font-weight:900;margin-bottom:2rem;display:flex;align-items:center;justify-content:center;grid-gap:1rem;gap:1rem;line-height:1.1}.title-emoji{font-size:.8em;filter:drop-shadow(0 0 20px rgba(255,255,255,.5))}.hero-subtitle{font-size:clamp(1.1rem,3vw,1.5rem);font-weight:300;line-height:1.6;color:hsla(0,0%,100%,.9);max-width:600px;margin:0 auto}.hero-subtitle strong{color:gold;font-weight:600}.features-grid{margin:3rem 0}.feature-card{background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);border-radius:20px;padding:2rem 1rem;text-align:center;transition:all .3s ease;height:100%}.feature-card:hover{transform:translateY(-5px);background:hsla(0,0%,100%,.15);box-shadow:0 20px 40px rgba(0,0,0,.3)}.feature-icon{font-size:3rem;margin-bottom:1rem;filter:drop-shadow(0 0 10px rgba(255,255,255,.3))}.feature-card h6{color:#fff;font-weight:600;margin-bottom:.5rem;font-size:1.1rem}.feature-card small{color:hsla(0,0%,100%,.8);font-size:.9rem}.cta-button{background:linear-gradient(45deg,#ff6b6b,#ee5a24,#ff9ff3,#54a0ff);background-size:300% 300%;border:none;padding:1rem 3rem;font-size:1.3rem;font-weight:700;border-radius:50px;color:#fff;box-shadow:0 10px 30px hsla(0,100%,71%,.4);transition:all .3s ease;position:relative;overflow:hidden;animation:gradientShift 4s ease infinite}.cta-button:hover{transform:translateY(-3px);box-shadow:0 15px 40px hsla(0,100%,71%,.6);background:linear-gradient(45deg,#ff5252,#ff9800,#e91e63,#2196f3)}.cta-button:focus{box-shadow:0 0 0 3px hsla(0,0%,100%,.3)}.cta-button-enhanced{background:linear-gradient(45deg,#ff6b6b,#ee5a24,#ff9ff3,#54a0ff);background-size:300% 300%;border:none;padding:1.5rem 4rem;font-size:1.6rem;font-weight:800;border-radius:60px;color:#fff;box-shadow:0 15px 40px hsla(0,100%,71%,.5);transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;animation:gradientShift 4s ease infinite;text-transform:none;letter-spacing:.5px;min-width:320px;display:inline-flex;align-items:center;justify-content:center;grid-gap:.75rem;gap:.75rem}.cta-button-enhanced:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 25px 50px hsla(0,100%,71%,.7);background:linear-gradient(45deg,#ff5252,#ff9800,#e91e63,#2196f3);color:#fff;border:none}.cta-button-enhanced:focus{box-shadow:0 0 0 4px hsla(0,0%,100%,.4);outline:none;color:#fff;border:none}.cta-button-enhanced:active{transform:translateY(-2px) scale(1.01);transition:all .1s ease}@keyframes buttonPulse{0%,to{box-shadow:0 15px 40px hsla(0,100%,71%,.5),0 0 0 0 hsla(0,100%,71%,.7)}50%{box-shadow:0 15px 40px hsla(0,100%,71%,.5),0 0 0 20px hsla(0,100%,71%,0)}}.cta-button-enhanced:not(:hover){animation:gradientShift 4s ease infinite,buttonPulse 3s infinite}.stats-bar{background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;border:1px solid hsla(0,0%,100%,.2);margin-top:3rem}.stat-item{color:#fff}.stat-number{font-size:2.5rem;font-weight:900;margin-bottom:.5rem;background:linear-gradient(45deg,gold,#ffed4e);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stat-item small{color:hsla(0,0%,100%,.8);font-weight:500;text-transform:uppercase;letter-spacing:1px;font-size:.8rem}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);z-index:4;font-size:2rem;color:hsla(0,0%,100%,.7);cursor:pointer}@media (max-width:768px){.hero-title{flex-direction:column;grid-gap:.5rem;gap:.5rem}.features-grid{margin:2rem 0}.feature-card{padding:1.5rem 1rem;margin-bottom:1rem}.cta-button{padding:.8rem 2rem;font-size:1.1rem}.cta-button-enhanced{padding:1.2rem 2.5rem;font-size:1.3rem;min-width:280px;border-radius:50px}.stats-bar{padding:1.5rem;margin-top:2rem}.stat-number{font-size:2rem}}@media (max-width:576px){.hero-section{min-height:90vh}.features-grid .col-md-4{margin-bottom:1rem}.feature-card{padding:1rem}.feature-icon{font-size:2.5rem;margin-bottom:.5rem}.cta-button-enhanced{padding:1rem 2rem;font-size:1.1rem;min-width:260px;border-radius:40px}}@media (prefers-color-scheme:dark){.hero-section{background:linear-gradient(135deg,#2c3e50,#34495e 50%,#2c3e50)}.hero-overlay{background:linear-gradient(135deg,rgba(44,62,80,.9),rgba(52,73,94,.8) 50%,rgba(0,0,0,.7))}}@media (prefers-contrast:high){.hero-section{background:#000}.hero-overlay{background:rgba(0,0,0,.8)}.gradient-text{background:#fff;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.feature-card{background:hsla(0,0%,100%,.2);border:2px solid #fff}}@media (prefers-reduced-motion:reduce){.cta-button,.cta-button-enhanced,.gradient-text,.hero-title,.title-emoji{animation:none!important}.feature-card:hover{transform:none}.cta-button-enhanced:hover{transform:none!important}}.compact-quiz-container{background:linear-gradient(135deg,#667eea,#764ba2 50%,#667eea);min-height:100vh;padding:1.5rem 0;position:relative;overflow:hidden}.compact-quiz-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="25" cy="25" r="2" fill="rgba(255,255,255,0.1)"/><circle cx="75" cy="75" r="3" fill="rgba(255,255,255,0.05)"/><circle cx="50" cy="10" r="1" fill="rgba(255,255,255,0.1)"/></svg>');animation:float 20s linear infinite}@keyframes float{0%{transform:translateY(100vh) rotate(0deg)}to{transform:translateY(-100vh) rotate(1turn)}}.quiz-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:900;color:#fff;text-align:center;display:flex;align-items:center;justify-content:center;grid-gap:1rem;gap:1rem;margin-bottom:1rem}.gradient-text{background:linear-gradient(45deg,#fff,#f0f0f0,#fff);background-size:200% 200%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.quiz-subtitle{font-size:1.2rem;color:hsla(0,0%,100%,.9)!important;font-weight:300}.progress-section{max-width:500px;margin:0 auto}.progress-label,.progress-percentage{color:hsla(0,0%,100%,.9);font-weight:600;font-size:.9rem}.custom-progress-bar{height:12px;background:hsla(0,0%,100%,.2);border-radius:20px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.progress-fill{height:100%;background:linear-gradient(90deg,#ff6b6b,#ffd93d,#6bcf7f,#4d9de0,#9b59b6);background-size:300% 100%;border-radius:20px;animation:progressGradient 3s ease infinite}@keyframes progressGradient{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.question-container{max-width:800px;margin:0 auto;position:relative;z-index:10}.modern-question-card,.modern-results-card{background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:25px;box-shadow:0 20px 60px rgba(0,0,0,.1),0 8px 25px rgba(0,0,0,.1);border:none}.question-text{font-size:1.8rem;font-weight:700;color:#2c3e50;line-height:1.3;margin-bottom:2rem}.option-card{background:hsla(0,0%,100%,.9);border:2px solid rgba(102,126,234,.2);border-radius:20px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);height:140px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.option-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);transition:left .5s ease}.option-card:hover:before{left:100%}.option-card:hover{transform:translateY(-8px) scale(1.02);border-color:#667eea;box-shadow:0 15px 40px rgba(102,126,234,.2),0 8px 25px rgba(0,0,0,.1);background:#fff}.option-card.selected{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea;transform:translateY(-5px) scale(1.05);box-shadow:0 20px 50px rgba(102,126,234,.3),0 8px 25px rgba(118,75,162,.2)}.option-content{text-align:center;display:flex;flex-direction:column;align-items:center;grid-gap:.8rem;gap:.8rem}.option-emoji{font-size:2.5rem;display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.option-text{font-size:1.1rem;font-weight:600;text-transform:capitalize}.option-card.selected .option-text{color:#fff}.nav-btn{background:hsla(0,0%,100%,.9);border:2px solid rgba(102,126,234,.3);border-radius:15px;padding:.8rem 1.5rem;font-weight:600;color:#667eea;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-btn:hover:not(:disabled){background:#667eea;color:#fff;border-color:#667eea;transform:translateY(-2px)}.nav-btn:disabled{opacity:.4;cursor:not-allowed}.nav-btn-placeholder{width:100px}.question-dots{display:flex;grid-gap:.8rem;gap:.8rem;align-items:center}.dot{width:12px;height:12px;border-radius:50%;background:hsla(0,0%,100%,.4);transition:all .3s ease;cursor:pointer}.dot.active{background:#667eea;transform:scale(1.2);box-shadow:0 0 15px rgba(102,126,234,.5)}.dot.completed{background:#28a745;position:relative}.dot.completed:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:8px;font-weight:700}.personality-badge{border-radius:20px;padding:2rem;display:inline-block;box-shadow:0 10px 30px rgba(0,0,0,.2);position:relative;overflow:hidden}.personality-badge:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,hsla(0,0%,100%,.1),transparent);animation:sparkle 3s infinite}@keyframes sparkle{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.personality-type{font-size:2rem;font-weight:900;text-shadow:0 2px 4px rgba(0,0,0,.2);position:relative;z-index:1}.personality-description{font-size:1.3rem;color:#5a6c7d;line-height:1.6;font-weight:400;max-width:500px;margin:0 auto}.discover-btn{background:linear-gradient(45deg,#ff6b6b,#ee5a24,#ff9ff3,#54a0ff);background-size:300% 300%;border:none;padding:1.2rem 3rem;font-size:1.3rem;font-weight:700;border-radius:50px;color:#fff;box-shadow:0 10px 30px hsla(0,100%,71%,.4);transition:all .3s ease;animation:gradientShift 4s ease infinite}.discover-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 15px 40px hsla(0,100%,71%,.6)}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@media (max-width:768px){.enhanced-quiz-container{padding:1rem 0}.quiz-title{font-size:2.5rem;flex-direction:column;grid-gap:.5rem;gap:.5rem}.quiz-subtitle{font-size:1rem;padding:0 1rem}.modern-question-card .card-body,.modern-results-card .card-body{padding:2rem 1.5rem}.question-text{font-size:1.4rem;margin-bottom:1.5rem}.option-card{height:120px}.option-emoji{font-size:2rem}.option-text{font-size:1rem}.personality-type{font-size:1.5rem}.discover-btn,.personality-description{font-size:1.1rem}.discover-btn{padding:1rem 2rem}.nav-btn{padding:.6rem 1rem;font-size:.9rem}}@media (max-width:576px){.option-card{height:100px;margin-bottom:1rem}.option-content{grid-gap:.5rem;gap:.5rem}.option-emoji{font-size:1.8rem}.option-text{font-size:.9rem}.question-dots{grid-gap:.5rem;gap:.5rem}.dot{width:10px;height:10px}}@media (prefers-reduced-motion:reduce){.discover-btn,.enhanced-quiz-container:before,.gradient-text,.personality-badge:before,.progress-fill{animation:none!important}.discover-btn:hover,.nav-btn:hover,.option-card:hover{transform:none!important}}@media (prefers-contrast:high){.enhanced-quiz-container{background:#000}.modern-question-card,.modern-results-card,.option-card{background:#fff;border:2px solid #000}.option-card{color:#000}.option-card.selected{background:#000;color:#fff}}@media (prefers-color-scheme:dark){.enhanced-quiz-container{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460)}.modern-question-card,.modern-results-card{background:rgba(26,26,46,.95);color:#fff}.question-text{color:#fff}.option-card{background:hsla(0,0%,100%,.1);color:#fff;border-color:hsla(0,0%,100%,.2)}.option-card:hover{background:hsla(0,0%,100%,.2)}.personality-description{color:#bdc3c7}}.mood-card{border:2px solid transparent;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;border-radius:.5rem;background-color:var(--question-bg,#f8f9fa);color:#212529;width:100%;max-width:140px;margin:0 auto;height:auto}.mood-card:hover{transform:scale(1.05);box-shadow:0 4px 16px rgba(0,0,0,.1)}.mood-card.selected{border-color:#667eea;background-color:#e7f1ff;box-shadow:0 0 10px rgba(102,126,234,.4)}.mood-card .card-body{padding:.6rem;font-weight:500;font-size:.9rem;display:flex;align-items:center;justify-content:center;flex-direction:row;white-space:nowrap;grid-gap:.4rem;gap:.4rem;line-height:1;overflow:hidden;text-overflow:ellipsis}.mood-option-label{font-size:1.2rem}.compact-quiz-title{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800;color:#fff;display:flex;align-items:center;justify-content:center;grid-gap:.5rem;gap:.5rem}.compact-subtitle{font-size:1rem;color:hsla(0,0%,100%,.9)!important;font-weight:300}.compact-progress{max-width:400px;margin:0 auto}.progress-text{color:hsla(0,0%,100%,.9);font-size:.85rem;font-weight:500;margin-bottom:.5rem}.progress-bar-compact{height:6px;background:linear-gradient(90deg,#ff6b6b,#ffd93d,#6bcf7f);border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.2)}.question-card-compact{background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:none;border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,.1);transition:all .3s ease;position:relative;z-index:10}.question-card-compact:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(0,0,0,.15)}.question-title{font-size:1.1rem;color:#2c3e50;text-align:center;margin-bottom:1rem}.options-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:.75rem;gap:.75rem}.option-compact{background:rgba(102,126,234,.05);border:2px solid rgba(102,126,234,.2);border-radius:12px;padding:.75rem .5rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;grid-gap:.3rem;gap:.3rem;text-align:center;min-height:80px;justify-content:center;position:relative;overflow:hidden}.option-compact:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);transition:left .4s ease}.option-compact:hover:before{left:100%}.option-compact:hover{transform:translateY(-3px);border-color:#667eea;background:rgba(102,126,234,.1);box-shadow:0 8px 20px rgba(102,126,234,.2)}.option-compact.selected{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea;transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,126,234,.3)}.option-emoji-compact{font-size:1.8rem;display:block;line-height:1}.option-text-compact{font-size:.85rem;font-weight:600;text-transform:capitalize;line-height:1.2}.option-compact.selected .option-text-compact{color:#fff}.result-card-compact{background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:none;border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,.15);position:relative;z-index:10}.personality-badge-compact{border-radius:15px;padding:1rem 2rem;display:inline-block;box-shadow:0 4px 15px rgba(0,0,0,.2);position:relative;overflow:hidden}.personality-type-compact{font-size:1.3rem;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.2)}.personality-desc-compact{font-size:1rem;color:#5a6c7d;line-height:1.5;max-width:400px;margin:0 auto}.submit-btn-compact{background:linear-gradient(45deg,#ff6b6b,#ee5a24,#ff9ff3,#54a0ff);background-size:300% 300%;padding:1rem 2.5rem;font-size:1.1rem;border-radius:50px;color:#fff;box-shadow:0 8px 25px hsla(0,100%,71%,.4);animation:gradientShift 4s ease infinite}.submit-btn-compact:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 35px hsla(0,100%,71%,.5)}@media (max-width:768px){.compact-quiz-container{padding:1rem 0}.compact-quiz-title{font-size:2rem;flex-direction:column;grid-gap:.3rem;gap:.3rem}.compact-subtitle{font-size:.9rem;padding:0 1rem}.question-title{font-size:1rem}.options-grid{grid-template-columns:1fr;grid-gap:.5rem;gap:.5rem}.option-compact{min-height:70px;padding:.5rem}.option-emoji-compact{font-size:1.5rem}.option-text-compact{font-size:.8rem}.personality-type-compact{font-size:1.1rem}.personality-desc-compact{font-size:.9rem}.submit-btn-compact{padding:.8rem 2rem;font-size:1rem}}@media (max-width:576px){.question-card-compact .card-body{padding:1.5rem}.compact-quiz-title{font-size:1.8rem}.option-compact{min-height:60px;padding:.4rem;grid-gap:.2rem;gap:.2rem}.option-emoji-compact{font-size:1.3rem}.option-text-compact{font-size:.75rem}}@media (prefers-reduced-motion:reduce){.compact-quiz-container:before,.progress-bar-compact,.submit-btn-compact{animation:none!important}.option-compact:hover,.submit-btn-compact:hover{transform:none!important}}@media (prefers-contrast:high){.compact-quiz-container{background:#000}.option-compact,.question-card-compact,.result-card-compact{background:#fff;border:2px solid #000}.option-compact{color:#000}.option-compact.selected{background:#000;color:#fff}}.ultra-compact-quiz-container{background:linear-gradient(135deg,#667eea,#764ba2 50%,#667eea);min-height:100vh;padding:1rem 0;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.ultra-compact-quiz-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="25" cy="25" r="2" fill="rgba(255,255,255,0.1)"/><circle cx="75" cy="75" r="3" fill="rgba(255,255,255,0.05)"/><circle cx="50" cy="10" r="1" fill="rgba(255,255,255,0.1)"/></svg>');animation:float 20s linear infinite}.ultra-quiz-wrapper{max-width:600px;width:100%;position:relative;z-index:10}.ultra-quiz-card{background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:none;border-radius:25px;box-shadow:0 15px 50px rgba(0,0,0,.15);transition:all .3s ease;border:1px solid hsla(0,0%,100%,.2)}.ultra-quiz-card:hover{transform:translateY(-2px);box-shadow:0 20px 60px rgba(0,0,0,.2)}.ultra-quiz-title{font-size:clamp(1.5rem,3.5vw,2rem);font-weight:700;color:#2c3e50;display:flex;align-items:center;justify-content:center;grid-gap:.5rem;gap:.5rem;flex-wrap:wrap}.ultra-subtitle{font-size:.95rem;color:#5a6c7d!important;font-weight:400;margin:0}.ultra-progress-dots{display:flex;justify-content:center;grid-gap:.5rem;gap:.5rem}.progress-dot{width:10px;height:10px;border-radius:50%;background:rgba(102,126,234,.2);transition:all .3s ease}.progress-dot.filled{background:linear-gradient(45deg,#667eea,#764ba2);transform:scale(1.2);box-shadow:0 2px 8px rgba(102,126,234,.4)}.ultra-quiz-form{max-width:100%}.question-row{border-bottom:1px solid rgba(102,126,234,.1);padding-bottom:1rem}.question-row:last-child{border-bottom:none;margin-bottom:0!important}.question-label{font-size:1rem;font-weight:600;color:#2c3e50;margin-bottom:.75rem;text-align:center}.options-row{display:flex;flex-wrap:wrap;grid-gap:.5rem;gap:.5rem;justify-content:center}.option-pill{background:rgba(102,126,234,.08);border:2px solid rgba(102,126,234,.2);border-radius:25px;padding:.6rem 1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;grid-gap:.4rem;gap:.4rem;font-size:.85rem;font-weight:600;color:#2c3e50;min-width:110px;justify-content:center;position:relative;overflow:hidden;white-space:nowrap}.option-pill:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);transition:left .4s ease}.option-pill:hover:before{left:100%}.option-pill:hover{transform:translateY(-2px);border-color:#667eea;background:rgba(102,126,234,.15);box-shadow:0 4px 15px rgba(102,126,234,.2)}.option-pill.selected{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea;transform:translateY(-1px);box-shadow:0 6px 20px rgba(102,126,234,.3)}.pill-emoji{font-size:1.3rem;line-height:1}.pill-text{line-height:1.2;text-transform:capitalize}.option-pill.selected .pill-text{color:#fff}.ultra-personality-badge{border-radius:20px;padding:.75rem 1.5rem;display:inline-block;box-shadow:0 4px 15px rgba(0,0,0,.2);margin-bottom:.75rem}.ultra-personality-type{font-size:1.1rem;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.2)}.ultra-personality-desc{font-size:.9rem;color:#5a6c7d;line-height:1.4;margin:0}.ultra-submit-btn{background:linear-gradient(45deg,#ff6b6b,#ee5a24,#ff9ff3,#54a0ff);background-size:300% 300%;border:none;padding:1rem 2rem;font-size:1rem;font-weight:600;border-radius:25px;color:#fff;box-shadow:0 8px 25px hsla(0,100%,71%,.4);transition:all .3s ease;animation:gradientShift 4s ease infinite;position:relative;overflow:hidden}.ultra-submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s ease}.ultra-submit-btn:hover:not(:disabled):before{left:100%}.ultra-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 35px hsla(0,100%,71%,.5)}@media (max-width:768px){.ultra-compact-quiz-container{padding:.5rem}.ultra-quiz-wrapper{max-width:100%}.ultra-quiz-card .card-body{padding:1.5rem}.ultra-quiz-title{font-size:1.4rem;flex-direction:column;grid-gap:.2rem;gap:.2rem}.ultra-subtitle{font-size:.85rem}.question-label{font-size:.9rem;text-align:left}.options-row{grid-gap:.4rem;gap:.4rem;justify-content:flex-start}.option-pill{min-width:auto;padding:.5rem .8rem;font-size:.8rem;flex-grow:1;max-width:calc(50% - .2rem)}.pill-emoji{font-size:1.1rem}.ultra-personality-type{font-size:1rem}.ultra-personality-desc{font-size:.8rem}.ultra-submit-btn{font-size:.9rem;padding:.8rem 1.5rem}}@media (max-width:480px){.ultra-quiz-card .card-body{padding:1rem}.ultra-quiz-title{font-size:1.2rem}.question-label{font-size:.85rem;margin-bottom:.5rem}.option-pill{font-size:.75rem;padding:.4rem .6rem;max-width:100%}.pill-emoji{font-size:1rem}.ultra-personality-badge{padding:.5rem 1rem}.ultra-personality-type{font-size:.9rem}.ultra-submit-btn{font-size:.85rem;padding:.7rem 1rem}}@media (prefers-reduced-motion:reduce){.ultra-compact-quiz-container:before,.ultra-submit-btn{animation:none!important}.option-pill:hover,.ultra-quiz-card:hover,.ultra-submit-btn:hover{transform:none!important}}@media (prefers-contrast:high){.ultra-compact-quiz-container{background:#000}.ultra-quiz-card{background:#fff;border:3px solid #000}.option-pill{background:#fff;border:2px solid #000;color:#000}.option-pill.selected{background:#000;color:#fff}}.quiz-card-consistent{transition:all .3s ease;border:1px solid #dee2e6;border-radius:.5rem}.quiz-card-consistent:hover{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important;transform:translateY(-2px)}.progress-dot-simple{width:8px;height:8px}.progress-dot-simple.filled{transform:scale(1.2)}.quiz-options-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:.5rem;gap:.5rem}.quiz-option-btn{background:#f8f9fa;border:1px solid #dee2e6;border-radius:.5rem;padding:.75rem .5rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;grid-gap:.25rem;gap:.25rem;text-align:center;min-height:70px;justify-content:center;font-size:.85rem;color:#495057;font-weight:500}.quiz-option-btn:hover{background:#e9ecef;border-color:#667eea;transform:translateY(-1px);box-shadow:0 2px 8px rgba(102,126,234,.15)}.quiz-option-btn.selected{background:#667eea;color:#fff;border-color:#667eea;box-shadow:0 0 0 .2rem rgba(102,126,234,.25)}.quiz-option-btn .option-emoji{font-size:1.5rem;line-height:1}.quiz-option-btn .option-text{line-height:1.2;text-transform:capitalize}.personality-badge-clean{border-radius:1rem;padding:.5rem 1rem;display:inline-block;box-shadow:0 2px 8px rgba(0,0,0,.1)}.personality-type-clean{font-size:1rem;font-weight:600;color:#fff}@media (max-width:768px){.quiz-options-grid{grid-template-columns:1fr;grid-gap:.4rem;gap:.4rem}.quiz-option-btn{min-height:60px;padding:.6rem .4rem;font-size:.8rem}.quiz-option-btn .option-emoji{font-size:1.3rem}.personality-type-clean{font-size:.9rem}}@media (max-width:576px){.quiz-option-btn{min-height:55px;padding:.5rem .3rem;font-size:.75rem}.quiz-option-btn .option-emoji{font-size:1.2rem}}@media (prefers-reduced-motion:reduce){.progress-dot-simple.filled,.quiz-card-consistent:hover,.quiz-option-btn:hover{transform:none!important}}@media (prefers-contrast:high){.quiz-card-consistent,.quiz-option-btn{border:2px solid #000}.quiz-option-btn{background:#fff;color:#000}.quiz-option-btn.selected{background:#000;color:#fff}.progress-dot-simple.filled{background-color:#000}}.question-frame{border:1px solid #dee2e6;border-radius:.5rem;transition:all .3s ease;background:#fff;height:100%}.question-frame:hover{box-shadow:0 .25rem .5rem rgba(0,0,0,.1);transform:translateY(-1px)}.question-frame .form-label{color:#495057;font-size:.95rem;margin-bottom:1rem;display:flex;align-items:center}.question-emoji{font-size:1.1rem}.quiz-option-button{border-radius:.375rem!important;font-size:.85rem;padding:.5rem .75rem;border:1px solid #667eea;transition:all .3s ease;margin:.1rem;min-height:70px;display:flex;align-items:center;justify-content:center}.quiz-option-button.btn-outline-primary{background-color:initial;border-color:#667eea;color:#667eea}.quiz-option-button.btn-outline-primary:hover{background-color:#667eea;border-color:#667eea;color:#fff;transform:translateY(-1px);box-shadow:0 2px 4px rgba(102,126,234,.25)}.quiz-option-button.btn-primary{background-color:#667eea;border-color:#667eea;color:#fff;box-shadow:0 0 0 .2rem rgba(102,126,234,.25)}.option-emoji-small{font-size:1.4rem;line-height:1;display:block}.option-text-small{font-size:.8rem;font-weight:500;line-height:1.2;text-transform:capitalize}.progress-dot-simple{width:10px;height:10px;border-radius:50%;background-color:#dee2e6;transition:all .3s ease;display:inline-block}.progress-dot-simple.filled{background-color:#667eea;transform:scale(1.3);box-shadow:0 0 0 2px rgba(102,126,234,.25)}@media (max-width:768px){.question-frame .card-body{padding:1rem}.quiz-option-button{min-height:60px;font-size:.8rem;padding:.4rem .6rem;margin:.05rem;min-width:calc(50% - .2rem)}.option-emoji-small{font-size:1.2rem}.option-text-small{font-size:.75rem}.question-frame .form-label{font-size:.9rem;margin-bottom:.75rem}}@media (max-width:576px){.quiz-option-button{min-height:55px;font-size:.75rem;padding:.3rem .5rem;min-width:100%;margin:.05rem 0}.option-emoji-small{font-size:1.1rem}.option-text-small{font-size:.7rem}}@media (prefers-reduced-motion:reduce){.progress-dot-simple.filled,.question-frame:hover,.quiz-option-button:hover{transform:none!important}}@media (prefers-contrast:high){.question-frame{border:2px solid #000;background:#fff}.quiz-option-button.btn-outline-primary{border:2px solid #000;color:#000;background:#fff}.quiz-option-button.btn-primary{background:#000;color:#fff;border:2px solid #000}.progress-dot-simple.filled{background-color:#000}}.preference-frame{border:1px solid #dee2e6;border-radius:.5rem;transition:all .3s ease;background:#fff;height:100%}.preference-frame:hover{box-shadow:0 .25rem .5rem rgba(0,0,0,.1);transform:translateY(-1px)}.preference-frame .form-label{color:#495057;font-size:.95rem;margin-bottom:1rem;display:flex;align-items:center}.preference-emoji{font-size:1.1rem}.preference-button{border-radius:.375rem!important;font-size:.85rem;padding:.5rem .75rem;border:1px solid #667eea;transition:all .3s ease;margin:.1rem;min-height:45px;display:flex;align-items:center;justify-content:center}.preference-button.btn-outline-primary{background-color:initial;border-color:#667eea;color:#667eea}.preference-button.btn-outline-primary:hover{background-color:#667eea;border-color:#667eea;color:#fff;transform:translateY(-1px);box-shadow:0 2px 4px rgba(102,126,234,.25)}.preference-button.btn-primary{background-color:#667eea;border-color:#667eea;color:#fff;box-shadow:0 0 0 .2rem rgba(102,126,234,.25)}.preference-frame .react-select__control{border:1px solid #dee2e6;border-radius:.375rem;min-height:38px;box-shadow:none;transition:all .3s ease}.preference-frame .react-select__control:hover{border-color:#667eea}.preference-frame .react-select__control--is-focused{border-color:#667eea;box-shadow:0 0 0 .2rem rgba(102,126,234,.25)}.preference-frame .react-select__menu{border-radius:.375rem;box-shadow:0 .5rem 1rem rgba(0,0,0,.15);border:1px solid #dee2e6}.preference-frame .react-select__option:hover{background-color:#f8f9fa}.preference-frame .react-select__option--is-selected{background-color:#667eea}@media (max-width:768px){.preference-frame .card-body{padding:1rem}.preference-button{min-height:40px;font-size:.8rem;padding:.4rem .6rem;margin:.05rem;min-width:calc(50% - .2rem)}.preference-frame .form-label{font-size:.9rem;margin-bottom:.75rem}}@media (max-width:576px){.preference-button{min-height:38px;font-size:.75rem;padding:.3rem .5rem;min-width:100%;margin:.05rem 0}}@media (prefers-reduced-motion:reduce){.preference-button:hover,.preference-frame:hover{transform:none!important}}@media (prefers-contrast:high){.preference-frame{border:2px solid #000;background:#fff}.preference-button.btn-outline-primary{border:2px solid #000;color:#000;background:#fff}.preference-button.btn-primary{background:#000;color:#fff;border:2px solid #000}.preference-frame .react-select__control{border:2px solid #000}}.preference-frame-compact{border:1px solid #dee2e6;border-radius:.5rem;transition:all .3s ease;background:#fff;height:100%;max-height:200px}.preference-frame-compact:hover{box-shadow:0 .25rem .5rem rgba(0,0,0,.1);transform:translateY(-1px)}.preference-frame-compact .form-label{color:#495057;font-size:.95rem;margin-bottom:.75rem;display:flex;align-items:center}.preference-frame-compact .card-body{padding:1rem}.preference-button-compact{border-radius:.375rem!important;font-size:.75rem;padding:.4rem .3rem;border:1px solid #667eea;transition:all .3s ease;margin:.05rem;min-height:55px;display:flex;align-items:center;justify-content:center;flex-direction:column;grid-gap:.2rem;gap:.2rem}.preference-button-compact.btn-outline-primary{background-color:initial;border-color:#667eea;color:#667eea}.preference-button-compact.btn-outline-primary:hover{background-color:#667eea;border-color:#667eea;color:#fff;transform:translateY(-1px);box-shadow:0 2px 4px rgba(102,126,234,.25)}.preference-button-compact.btn-primary{background-color:#667eea;border-color:#667eea;color:#fff;box-shadow:0 0 0 .2rem rgba(102,126,234,.25)}.preference-button-compact span:first-child{font-size:1.2rem;line-height:1}.preference-button-compact span:last-child{font-size:.7rem;font-weight:500;line-height:1}@media (max-width:768px){.preference-frame-compact .card-body{padding:.75rem}.preference-button-compact{min-height:50px;font-size:.7rem;padding:.3rem .2rem;margin:.03rem;min-width:calc(50% - .1rem)}.preference-frame-compact .form-label{font-size:.9rem;margin-bottom:.5rem}.preference-button-compact span:first-child{font-size:1.1rem}.preference-button-compact span:last-child{font-size:.65rem}}@media (max-width:576px){.preference-button-compact{min-height:45px;font-size:.65rem;padding:.25rem .15rem;min-width:100%;margin:.02rem 0}.preference-button-compact span:first-child{font-size:1rem}.preference-button-compact span:last-child{font-size:.6rem}}@media (prefers-reduced-motion:reduce){.preference-button-compact:hover,.preference-frame-compact:hover{transform:none!important}}@media (prefers-contrast:high){.preference-frame-compact{border:2px solid #000;background:#fff}.preference-button-compact.btn-outline-primary{border:2px solid #000;color:#000;background:#fff}.preference-button-compact.btn-primary{background:#000;color:#fff;border:2px solid #000}}.cinematic-panel{background:linear-gradient(135deg,rgba(102,126,234,.05),rgba(118,75,162,.03));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;border:1px solid rgba(102,126,234,.15);box-shadow:0 4px 20px rgba(0,0,0,.08);position:relative;overflow:hidden;transition:all .3s ease}.cinematic-panel:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,rgba(102,126,234,.6),transparent);transition:left .6s ease}.cinematic-panel:hover:before{left:100%}.cinematic-panel:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(0,0,0,.15);border-color:rgba(102,126,234,.3)}.panel-content{padding:1.5rem;position:relative;z-index:2}.panel-title{color:#2c3e50;font-weight:700;font-size:1.1rem;margin:0 0 1rem;display:flex;align-items:center;grid-gap:.5rem;gap:.5rem}.preferences-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:1rem;gap:1rem}.pref-section{display:flex;flex-direction:column;grid-gap:.5rem;gap:.5rem}.pref-label{font-size:.8rem;font-weight:600;color:#495057;text-align:center}.pref-pills{flex-wrap:wrap;grid-gap:.3rem;gap:.3rem}.pref-pill,.pref-pills{display:flex;justify-content:center}.pref-pill{background:hsla(0,0%,100%,.8);border:1px solid rgba(102,126,234,.3);border-radius:50%;width:40px;height:40px;align-items:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:1.2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.pref-pill:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(102,126,234,.2),rgba(118,75,162,.2));opacity:0;transition:opacity .3s ease}.pref-pill:hover:before{opacity:1}.pref-pill:hover{transform:translateY(-2px) scale(1.05);border-color:rgba(102,126,234,.6);box-shadow:0 4px 15px rgba(102,126,234,.2)}.pref-pill.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea;transform:translateY(-1px) scale(1.02);box-shadow:0 6px 20px rgba(102,126,234,.3)}.quiz-progress{display:flex;align-items:center;grid-gap:.75rem;gap:.75rem}.progress-bar-cinematic{flex:1 1;height:6px;background:hsla(0,0%,100%,.3);border-radius:10px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.progress-fill-cinematic{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:10px;box-shadow:0 0 10px rgba(102,126,234,.4)}.progress-text-cinematic{font-size:.8rem;color:#495057;font-weight:600;min-width:80px;text-align:right}.quiz-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1.5rem;gap:1.5rem}.quiz-section{display:flex;flex-direction:column;grid-gap:.5rem;gap:.5rem}.quiz-label{font-size:.85rem;font-weight:600;color:#495057;text-align:center}.quiz-pills{flex-wrap:wrap;grid-gap:.4rem;gap:.4rem}.quiz-pill,.quiz-pills{display:flex;justify-content:center}.quiz-pill{background:hsla(0,0%,100%,.8);border:1px solid rgba(102,126,234,.3);border-radius:50%;width:45px;height:45px;align-items:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:1.3rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.quiz-pill:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(102,126,234,.2),rgba(118,75,162,.2));opacity:0;transition:opacity .3s ease}.quiz-pill:hover:before{opacity:1}.quiz-pill:hover{transform:translateY(-2px) scale(1.05);border-color:rgba(102,126,234,.6);box-shadow:0 4px 15px rgba(102,126,234,.2)}.quiz-pill.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea;transform:translateY(-1px) scale(1.02);box-shadow:0 6px 20px rgba(102,126,234,.3)}.quiz-result{text-align:center;padding:1rem;background:hsla(0,0%,100%,.05);border-radius:15px;border:1px solid hsla(0,0%,100%,.1)}.result-badge-cinematic{padding:.5rem 1rem;border-radius:25px;margin-bottom:.5rem}.result-type-cinematic{font-size:.9rem}.result-desc-cinematic{font-size:.85rem;margin:0}.submit-btn-cinematic{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;padding:.75rem 2rem;color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(102,126,234,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.submit-btn-cinematic:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .6s ease}.submit-btn-cinematic:hover:not(:disabled):before{left:100%}.submit-btn-cinematic:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,126,234,.4)}.submit-btn-cinematic:disabled{opacity:.7;cursor:not-allowed}@media (max-width:768px){.cinematic-panel{border-radius:15px}.panel-content{padding:1rem}.preferences-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));grid-gap:.75rem;gap:.75rem}.quiz-grid{grid-template-columns:1fr;grid-gap:1rem;gap:1rem}.pref-pill,.quiz-pill{width:35px;height:35px;font-size:1rem}.pref-label,.quiz-label{font-size:.75rem}.submit-btn-cinematic{padding:.6rem 1.5rem;font-size:.8rem}}@media (max-width:576px){.preferences-grid{grid-template-columns:1fr 1fr}.quiz-grid{grid-gap:.75rem;gap:.75rem}.pref-pill,.quiz-pill{width:32px;height:32px;font-size:.9rem}.panel-title{font-size:1rem}}@media (prefers-reduced-motion:reduce){.cinematic-panel:hover,.pref-pill:hover,.quiz-pill:hover,.submit-btn-cinematic:hover{transform:none!important}.cinematic-panel:before,.submit-btn-cinematic:before{display:none}}@media (prefers-contrast:high){.cinematic-panel,.pref-pill,.quiz-pill{background:#fff;border:2px solid #000}.pref-pill,.quiz-pill{color:#000}.pref-pill.active,.quiz-pill.active,.submit-btn-cinematic{background:#000;color:#fff}}.main-controls{border-bottom:1px solid rgba(102,126,234,.1);padding-bottom:1rem}.control-section{display:flex;flex-wrap:wrap;grid-gap:1.5rem;gap:1.5rem;align-items:center}.control-group{display:flex;align-items:center;grid-gap:.75rem;gap:.75rem}.control-label{font-size:.9rem;font-weight:600;color:#495057;white-space:nowrap}.sort-buttons,.type-buttons{display:flex;grid-gap:.25rem;gap:.25rem}.sort-btn,.type-btn{border-radius:8px!important;font-size:.8rem;font-weight:500;padding:.4rem .8rem;transition:all .3s ease;border:1px solid rgba(102,126,234,.3)}.sort-btn:hover,.type-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(102,126,234,.2)}.settings-toggle{display:flex;justify-content:center;padding-top:.5rem}.settings-toggle-btn{border-radius:20px!important;font-size:.85rem;font-weight:500;padding:.5rem 1rem;border:1px solid rgba(102,126,234,.3);color:#495057;background:hsla(0,0%,100%,.7);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .3s ease}.settings-toggle-btn:hover{background:rgba(102,126,234,.1);border-color:rgba(102,126,234,.5);transform:translateY(-1px)}.personal-settings{animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.settings-card{background:hsla(0,0%,100%,.9);border:1px solid rgba(102,126,234,.2);border-radius:12px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.settings-title{color:#495057;font-weight:600;margin:0;display:flex;align-items:center;grid-gap:.5rem;gap:.5rem}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1rem;gap:1rem}.setting-group{display:flex;flex-direction:column}.setting-label{font-size:.85rem;font-weight:600;color:#495057;margin-bottom:.5rem;display:flex;align-items:center;grid-gap:.5rem;gap:.5rem}.setting-select{border-radius:8px;border:1px solid rgba(102,126,234,.3);font-size:.85rem;padding:.5rem;background:hsla(0,0%,100%,.9);transition:all .3s ease}.setting-select:focus{border-color:rgba(102,126,234,.6);box-shadow:0 0 0 .2rem rgba(102,126,234,.15)}.quiz-sections{display:flex;flex-direction:column;grid-gap:1rem;gap:1rem}.question-card,.quiz-question-card{transition:all .3s ease}.question-card{border:1px solid rgba(102,126,234,.2);border-radius:12px;background:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.question-card:hover{border-color:rgba(102,126,234,.4);box-shadow:0 4px 15px rgba(102,126,234,.1);transform:translateY(-1px)}.question-title{color:#495057;font-weight:600;margin:0;display:flex;align-items:center}.question-options{display:flex;flex-wrap:wrap;grid-gap:.5rem;gap:.5rem}.option-button{flex:1 1;min-width:120px;border-radius:8px!important;font-size:.85rem;font-weight:500;padding:.6rem .8rem;transition:all .3s ease;border:1px solid rgba(102,126,234,.3)}.option-button:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(102,126,234,.2)}.result-card{border:1px solid rgba(102,126,234,.2);border-radius:12px;background:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.result-badge-cinematic{display:inline-block;padding:.6rem 1.2rem;border-radius:20px;box-shadow:0 4px 15px rgba(0,0,0,.1)}.result-type-cinematic{color:#fff;font-weight:700;font-size:.95rem;text-shadow:0 1px 3px rgba(0,0,0,.2)}.result-desc-cinematic{color:#495057;font-size:.9rem;line-height:1.4}.submit-btn-enhanced{border-radius:25px!important;font-weight:600;padding:.8rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 4px 15px rgba(102,126,234,.3);transition:all .3s ease}.submit-btn-enhanced:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.4)}.submit-btn-enhanced:disabled{opacity:.7}@media (max-width:768px){.control-section{grid-gap:1rem;gap:1rem}.control-group,.control-section{flex-direction:column;align-items:stretch}.control-group{grid-gap:.5rem;gap:.5rem}.sort-buttons,.type-buttons{justify-content:center}.settings-grid{grid-template-columns:1fr;grid-gap:.75rem;gap:.75rem}.question-options{flex-direction:column}.option-button{min-width:auto;width:100%}}@media (max-width:576px){.cinematic-panel{border-radius:12px;margin-bottom:1rem}.panel-content{padding:1rem}.control-label{font-size:.8rem}.sort-btn,.type-btn{font-size:.75rem;padding:.3rem .6rem}.question-title{font-size:1rem}.option-button{font-size:.8rem;padding:.5rem .6rem}.submit-btn-enhanced{padding:.7rem 1.5rem;font-size:.9rem}}@media (prefers-reduced-motion:reduce){.option-button:hover,.question-card:hover,.sort-btn:hover,.submit-btn-enhanced:hover,.type-btn:hover{transform:none!important}.personal-settings{animation:none}}@media (prefers-contrast:high){.cinematic-panel,.question-card,.result-card,.settings-card{background:#fff;border:2px solid #000}.option-button,.sort-btn,.type-btn{border:2px solid #000}.option-button.btn-primary,.sort-btn.btn-primary,.submit-btn-enhanced,.type-btn.btn-primary{background:#000;color:#fff}}.cinematic-panel-compact{background:linear-gradient(135deg,rgba(102,126,234,.04),rgba(118,75,162,.02));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;border:1px solid rgba(102,126,234,.12);box-shadow:0 2px 12px rgba(0,0,0,.06);position:relative;overflow:hidden;transition:all .3s ease;max-width:900px;margin:0 auto}.cinematic-panel-compact:hover{border-color:rgba(102,126,234,.2);box-shadow:0 4px 16px rgba(0,0,0,.08)}.panel-content-compact{padding:.75rem 1rem}.panel-title-compact{color:#2c3e50;font-weight:600;font-size:1rem;margin:0;display:flex;align-items:center;grid-gap:.4rem;gap:.4rem}.panel-title-compact.text-center{justify-content:center}.settings-grid-compact{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:.75rem;gap:.75rem;padding:.5rem;background:hsla(0,0%,100%,.3);border-radius:8px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.setting-group-compact{display:flex;flex-direction:column;grid-gap:.3rem;gap:.3rem}.setting-label-compact{font-size:.75rem;font-weight:600;color:#495057;display:flex;align-items:center;grid-gap:.3rem;gap:.3rem}.custom-dropdown{position:relative;display:flex;align-items:center}.custom-select{-webkit-appearance:none;appearance:none;background:hsla(0,0%,100%,.9);border:1px solid rgba(102,126,234,.25);border-radius:8px;padding:.4rem 1.8rem .4rem .6rem;font-size:.8rem;font-weight:500;color:#495057;cursor:pointer;transition:all .3s ease;width:100%;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 1px 3px rgba(0,0,0,.05)}.custom-select:hover{border-color:rgba(102,126,234,.4);background:hsla(0,0%,100%,.95)}.custom-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 .15rem rgba(102,126,234,.2);background:#fff}.dropdown-arrow{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);pointer-events:none;transition:transform .3s ease}.custom-dropdown:hover .dropdown-arrow{color:#667eea;transform:translateY(-50%) scale(1.1)}.custom-select option{background:#fff;color:#333;padding:.5rem;font-size:.9rem;line-height:1.4}.main-controls-compact{border-top:1px solid rgba(102,126,234,.1);padding-top:.75rem}.control-section-centered{display:flex;justify-content:center;align-items:center;grid-gap:1.5rem;gap:1.5rem;flex-wrap:wrap}.control-group-compact{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem}.control-label-compact{font-size:.8rem;font-weight:600;color:#495057;white-space:nowrap}.sort-buttons-compact,.type-buttons-compact{display:flex;grid-gap:.2rem;gap:.2rem}.sort-btn-compact,.type-btn-compact{border-radius:6px!important;font-size:.75rem;font-weight:500;padding:.3rem .6rem;transition:all .3s ease;border:1px solid rgba(102,126,234,.3);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.sort-btn-compact:hover,.type-btn-compact:hover{transform:translateY(-1px);box-shadow:0 2px 6px rgba(102,126,234,.2)}.quiz-progress-compact{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem}.progress-bar-compact{flex:1 1;height:4px;background:hsla(0,0%,100%,.3);border-radius:6px;overflow:hidden;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.progress-fill-compact{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:6px;box-shadow:0 0 6px rgba(102,126,234,.4)}.progress-text-compact{font-size:.7rem;color:#666;font-weight:600;min-width:30px;text-align:right}.quiz-sections-compact{display:flex;flex-direction:column;grid-gap:.5rem;gap:.5rem}.question-compact,.quiz-question-compact{transition:all .3s ease}.question-compact{background:hsla(0,0%,100%,.4);border:1px solid rgba(102,126,234,.15);border-radius:8px;padding:.6rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.question-compact:hover{border-color:rgba(102,126,234,.3);background:hsla(0,0%,100%,.6)}.question-title-compact{color:#495057;font-weight:600;font-size:.85rem;margin:0;display:flex;align-items:center}.question-options-compact{display:flex;flex-wrap:wrap;grid-gap:.3rem;gap:.3rem}.option-button-compact{flex:1 1;min-width:80px;border-radius:6px!important;font-size:.75rem;font-weight:500;padding:.4rem .5rem;transition:all .3s ease;border:1px solid rgba(102,126,234,.3);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.option-button-compact:hover{transform:translateY(-1px);box-shadow:0 2px 6px rgba(102,126,234,.2)}.quiz-result-compact{margin-top:.5rem}.result-compact{background:hsla(0,0%,100%,.4);border:1px solid rgba(102,126,234,.15);border-radius:8px;padding:.6rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.result-badge-compact{display:inline-block;padding:.4rem .8rem;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.result-type-compact{color:#fff;font-weight:700;font-size:.8rem;text-shadow:0 1px 2px rgba(0,0,0,.2)}.result-desc-compact{color:#495057;font-size:.8rem;line-height:1.3;margin:.3rem 0 0}.submit-btn-compact{border-radius:16px!important;font-weight:600;padding:.5rem 1.2rem;background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 2px 8px rgba(102,126,234,.3);transition:all .3s ease;font-size:.8rem}.submit-btn-compact:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,.4)}.submit-btn-compact:disabled{opacity:.7}@media (max-width:768px){.cinematic-panel-compact{border-radius:10px;margin-bottom:.75rem}.panel-content-compact{padding:.6rem}.control-section-centered{flex-direction:column;grid-gap:.75rem;gap:.75rem;align-items:stretch}.control-group-compact{flex-direction:column;grid-gap:.3rem;gap:.3rem;align-items:stretch;text-align:center}.sort-buttons-compact,.type-buttons-compact{justify-content:center}.settings-grid-compact{grid-template-columns:1fr;grid-gap:.5rem;gap:.5rem}.question-options-compact{flex-direction:column}.option-button-compact{min-width:auto;width:100%}.custom-select{font-size:.85rem;padding:.5rem 2rem .5rem .75rem}}@media (max-width:576px){.cinematic-panel-compact{border-radius:8px;margin-bottom:.5rem}.panel-content-compact{padding:.5rem}.panel-title-compact{font-size:.9rem}.control-label-compact{font-size:.75rem}.sort-btn-compact,.type-btn-compact{font-size:.7rem;padding:.25rem .5rem}.question-title-compact{font-size:.8rem}.option-button-compact{font-size:.7rem;padding:.35rem .4rem}.submit-btn-compact{padding:.45rem 1rem;font-size:.75rem}.custom-select{font-size:.8rem}.setting-label-compact{font-size:.7rem}}@media (prefers-reduced-motion:reduce){.option-button-compact:hover,.question-compact:hover,.sort-btn-compact:hover,.submit-btn-compact:hover,.type-btn-compact:hover{transform:none!important}.custom-dropdown:hover .dropdown-arrow,.dropdown-arrow{transform:translateY(-50%)!important}}@media (prefers-contrast:high){.cinematic-panel-compact,.custom-select,.question-compact,.result-compact{background:#fff;border:2px solid #000}.custom-select{color:#000}.option-button-compact,.sort-btn-compact,.type-btn-compact{border:2px solid #000}.option-button-compact.btn-primary,.sort-btn-compact.btn-primary,.submit-btn-compact,.type-btn-compact.btn-primary{background:#000;color:#fff}}.custom-dropdown-wrapper{position:relative;width:100%;z-index:1000}.custom-dropdown-button{width:100%;background:hsla(0,0%,100%,.9);border:1px solid rgba(102,126,234,.25);border-radius:8px;padding:.4rem 1.8rem .4rem .6rem;font-size:.8rem;font-weight:500;color:#495057;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 1px 3px rgba(0,0,0,.05);text-align:left;display:flex;justify-content:space-between;align-items:center}.custom-dropdown-button:hover{border-color:rgba(102,126,234,.4);background:hsla(0,0%,100%,.95)}.custom-dropdown-button:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 .15rem rgba(102,126,234,.2);background:#fff}.dropdown-text{flex:1 1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow{font-size:.7rem;color:#666;transition:transform .3s ease,color .3s ease}.dropdown-arrow.open{transform:rotate(180deg);color:#667eea}.dropdown-overlay{z-index:999}.dropdown-overlay,.dropdown-overlay-portal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:transparent}.dropdown-overlay-portal{z-index:99998}.custom-dropdown-menu{position:absolute;top:100%;left:0;right:0;box-shadow:0 4px 20px rgba(0,0,0,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999!important;margin-top:2px}.custom-dropdown-menu,.custom-dropdown-menu-portal{background:hsla(0,0%,100%,.98);border:1px solid rgba(102,126,234,.3);border-radius:8px;max-height:250px;overflow-y:auto}.custom-dropdown-menu-portal{box-shadow:0 6px 30px rgba(0,0,0,.2);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);animation:dropdownSlideIn .2s ease-out;transform-origin:top}.dropdown-option{width:100%;background:transparent;padding:.6rem .8rem;font-size:.8rem;font-weight:500;color:#495057;cursor:pointer;transition:all .3s ease;text-align:left;border:none;border-bottom:1px solid rgba(102,126,234,.1)}.dropdown-option:last-child{border-bottom:none}.dropdown-option:hover{background:rgba(102,126,234,.1);color:#667eea}.dropdown-option.selected{background:rgba(102,126,234,.15);color:#667eea;font-weight:600}.dropdown-option.selected:after{content:"✓";float:right;color:#667eea;font-weight:700}.mobile-dropdown-trigger{width:100%;background:hsla(0,0%,100%,.9);border:1px solid rgba(102,126,234,.25);border-radius:8px;padding:.5rem 1.8rem .5rem .75rem;font-size:.85rem;font-weight:500;color:#495057;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 1px 3px rgba(0,0,0,.05);text-align:left;display:flex;justify-content:space-between;align-items:center;min-height:48px}.mobile-dropdown-trigger:hover{border-color:rgba(102,126,234,.4);background:hsla(0,0%,100%,.95)}.mobile-dropdown-trigger:active{transform:scale(.98)}.mobile-option-item-compact{padding:.75rem 1rem!important;font-size:.9rem!important;font-weight:500;border-bottom:1px solid #f0f0f0!important;cursor:pointer;transition:all .3s ease;min-height:45px;display:flex;align-items:center}.mobile-option-item-compact:hover{background-color:rgba(102,126,234,.05)!important}.mobile-option-item-compact.active{background-color:rgba(102,126,234,.1)!important;color:#667eea!important;font-weight:600!important;border-left:3px solid #667eea!important}.mobile-option-item-compact:last-child{border-bottom:none!important}.mobile-dropdown-modal .modal-dialog{max-width:90%!important;width:320px!important;margin:1rem auto!important}.mobile-dropdown-modal .modal-content{border-radius:12px!important;border:1px solid rgba(102,126,234,.2)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.mobile-dropdown-modal .modal-header{background:linear-gradient(135deg,rgba(102,126,234,.05),rgba(118,75,162,.05))!important;border-bottom:1px solid rgba(102,126,234,.1)!important;border-radius:12px 12px 0 0!important;min-height:auto!important}.modal-header{background:linear-gradient(135deg,rgba(102,126,234,.05),rgba(118,75,162,.05));border-bottom:1px solid rgba(102,126,234,.1)}.modal-title{color:#495057;font-weight:600;font-size:1.1rem}.custom-dropdown-menu-portal::-webkit-scrollbar,.custom-dropdown-menu::-webkit-scrollbar{width:6px}.custom-dropdown-menu-portal::-webkit-scrollbar-track,.custom-dropdown-menu::-webkit-scrollbar-track{background:hsla(0,0%,100%,.3);border-radius:3px}.custom-dropdown-menu-portal::-webkit-scrollbar-thumb,.custom-dropdown-menu::-webkit-scrollbar-thumb{background:rgba(102,126,234,.3);border-radius:3px}.custom-dropdown-menu-portal::-webkit-scrollbar-thumb:hover,.custom-dropdown-menu::-webkit-scrollbar-thumb:hover{background:rgba(102,126,234,.5)}.custom-dropdown-menu{animation:dropdownSlideIn .2s ease-out;transform-origin:top}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px) scaleY(.9)}to{opacity:1;transform:translateY(0) scaleY(1)}}@media (max-width:768px){.custom-dropdown-button,.mobile-dropdown-trigger{font-size:.9rem;padding:.6rem 2rem .6rem .8rem;min-height:50px}.dropdown-arrow{font-size:.8rem}.custom-dropdown-menu-portal{max-height:200px;font-size:.9rem}}@media (max-width:576px){.mobile-dropdown-trigger{font-size:.85rem;padding:.6rem 2rem .6rem .8rem;min-height:48px}.mobile-option-item-compact{padding:.65rem 1rem!important;font-size:.85rem!important;min-height:42px}.mobile-dropdown-modal .modal-dialog{max-width:95%!important;width:300px!important;margin:.5rem auto!important}.modal-title{font-size:1rem}}@media (prefers-reduced-motion:reduce){.custom-dropdown-button,.dropdown-arrow,.dropdown-option,.mobile-dropdown-trigger,.mobile-option-item{transition:none!important}.custom-dropdown-menu{animation:none!important}.mobile-dropdown-trigger:active{transform:none!important}}@media (prefers-contrast:high){.custom-dropdown-button,.mobile-dropdown-trigger{background:#fff;border:2px solid #000;color:#000}.custom-dropdown-menu{background:#fff;border:2px solid #000}.dropdown-option{color:#000;border-bottom:1px solid #000}.dropdown-option.selected,.dropdown-option:hover{background:#000;color:#fff}.mobile-option-item-compact{background:#fff!important;color:#000!important;border-bottom:1px solid #000!important}.mobile-option-item-compact:hover{background:#f0f0f0!important}.mobile-option-item-compact.active{background:#000!important;color:#fff!important;border-left:3px solid #fff!important}}.movie-card-cinematic{transition:all .3s ease;border:1px solid rgba(102,126,234,.12)!important;box-shadow:0 2px 12px rgba(0,0,0,.06)!important}.movie-card-cinematic:hover{border-color:rgba(102,126,234,.2)!important;box-shadow:0 6px 20px rgba(0,0,0,.12)!important;transform:translateY(-3px)!important}.movie-card-cinematic .card-title{font-size:1.1rem;font-weight:600;color:#2c3e50;line-height:1.3;margin-bottom:.75rem}.movie-card-cinematic .badge{border-radius:8px;font-size:.75rem;font-weight:600;padding:.4rem .8rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid hsla(0,0%,100%,.2);margin-right:.25rem;margin-bottom:.25rem}.movie-card-cinematic .badge.bg-info{background:linear-gradient(135deg,rgba(13,202,240,.15),rgba(13,202,240,.25))!important;color:#0984e3!important;border-color:rgba(13,202,240,.3)}.movie-card-cinematic .badge.bg-secondary{background:linear-gradient(135deg,rgba(108,117,125,.15),rgba(108,117,125,.25))!important;color:#495057!important;border-color:rgba(108,117,125,.3)}.movie-card-cinematic .trailer-button{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;border-radius:10px!important;font-weight:600!important;transition:all .3s ease!important;padding:.6rem 1.5rem!important;font-size:.9rem!important;text-transform:none!important;box-shadow:0 4px 12px rgba(102,126,234,.3)!important}.movie-card-cinematic .trailer-button:hover{transform:translateY(-2px)!important;box-shadow:0 6px 16px rgba(102,126,234,.4)!important;background:linear-gradient(135deg,#764ba2,#667eea)!important}.movie-card-cinematic .poster-wrapper{position:relative;overflow:hidden;border-radius:12px 12px 0 0;border-bottom:1px solid rgba(102,126,234,.12)}.movie-card-cinematic .poster-img{width:100%;height:auto;transition:transform .3s ease}.movie-card-cinematic:hover .poster-img{transform:scale(1.03)}.movie-card-cinematic .provider-logo-wrapper{width:40px;height:40px;border-radius:8px;overflow:hidden;background:linear-gradient(135deg,rgba(248,249,250,.8),rgba(233,236,239,.8));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid hsla(0,0%,100%,.3);display:flex;align-items:center;justify-content:center;transition:all .3s ease}.movie-card-cinematic .provider-logo-link:hover .provider-logo-wrapper{background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1);border-color:rgba(102,126,234,.3)}.movie-card-cinematic .provider-logo{width:28px;height:28px;object-fit:contain}.movie-card-cinematic .provider-scroll-wrapper{display:flex;grid-gap:.5rem;gap:.5rem;overflow-x:auto;padding:.5rem 0;scrollbar-width:thin;scrollbar-color:rgba(102,126,234,.3) transparent}.movie-card-cinematic .provider-scroll-wrapper::-webkit-scrollbar{height:6px}.movie-card-cinematic .provider-scroll-wrapper::-webkit-scrollbar-track{background:rgba(248,249,250,.5);border-radius:3px}.movie-card-cinematic .provider-scroll-wrapper::-webkit-scrollbar-thumb{background:rgba(102,126,234,.4);border-radius:3px;-webkit-transition:background .3s ease;transition:background .3s ease}.movie-card-cinematic .provider-scroll-wrapper::-webkit-scrollbar-thumb:hover{background:rgba(102,126,234,.6)}@media (max-width:768px){.movie-card-cinematic{margin-bottom:1rem}.movie-card-cinematic .poster-wrapper{aspect-ratio:2/3!important;height:auto!important;max-height:300px;border-radius:10px 10px 0 0;overflow:hidden}.movie-card-cinematic .poster-img{width:100%;height:100%!important;object-fit:contain!important;object-position:center;background-color:#f8f9fa}.movie-card-cinematic .image-container{width:100%;height:100%;background-color:#f8f9fa}.movie-card-cinematic .image-container img{object-fit:contain!important;object-position:center;background-color:#f8f9fa}.movie-card-cinematic .trailer-button{padding:.5rem 1.25rem!important;font-size:.85rem!important}.movie-card-cinematic .provider-logo-wrapper{width:36px;height:36px}.movie-card-cinematic .provider-logo{width:24px;height:24px}}@media (min-width:768px) and (max-width:1024px){.movie-card-cinematic .poster-wrapper{aspect-ratio:2/3!important;height:auto!important;max-height:350px}.movie-card-cinematic .poster-img{width:100%;height:100%!important;object-fit:contain!important;object-position:center;background-color:#f8f9fa}.movie-card-cinematic .image-container{width:100%;height:100%;background-color:#f8f9fa}.movie-card-cinematic .image-container img{object-fit:contain!important;object-position:center;background-color:#f8f9fa}}@media (max-width:576px){.movie-card-cinematic{border-radius:8px}.movie-card-cinematic .poster-wrapper{aspect-ratio:2/3!important;height:auto!important;max-height:280px;border-radius:8px 8px 0 0}.movie-card-cinematic .poster-img{width:100%;height:100%!important;object-fit:contain!important;object-position:center;background-color:#f8f9fa}.movie-card-cinematic .trailer-button{padding:.45rem 1rem!important;font-size:.8rem!important;border-radius:8px!important}}@media (prefers-contrast:high){.movie-card-cinematic,.movie-card-cinematic .badge{background:#fff!important;border:2px solid #000!important}.movie-card-cinematic .badge{color:#000!important}.movie-card-cinematic .trailer-button{background:#000!important;color:#fff!important;border:2px solid #000!important}.movie-card-cinematic .provider-logo-wrapper{background:#fff!important;border:2px solid #000!important}}.mood-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:.75rem;gap:.75rem;padding:1rem 0;max-width:100%;margin:0 auto}.mood-card{background:linear-gradient(135deg,hsla(0,0%,100%,.95),rgba(248,249,250,.9));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(102,126,234,.12);border-radius:12px;padding:1rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;grid-gap:.5rem;gap:.5rem;position:relative;overflow:hidden;min-height:120px;aspect-ratio:1}.mood-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,.1),transparent);transition:left .5s ease}.mood-card:hover:before{left:100%}.mood-card:hover{border-color:rgba(102,126,234,.3);box-shadow:0 8px 25px rgba(102,126,234,.15);transform:translateY(-2px)}.mood-card:focus{outline:2px solid rgba(102,126,234,.5);outline-offset:2px}.mood-card.selected{background:linear-gradient(135deg,rgba(102,126,234,.15),rgba(118,75,162,.1));border-color:rgba(102,126,234,.4);box-shadow:0 4px 20px rgba(102,126,234,.2)}.mood-emoji{font-size:2.5rem;line-height:1;margin-bottom:.25rem}.mood-content{display:flex;flex-direction:column;align-items:center;grid-gap:.125rem;gap:.125rem}.mood-label{font-size:.9rem;font-weight:600;color:#2c3e50;margin:0;line-height:1.1;text-align:center}.mood-subtitle{font-size:.7rem;color:#6c757d;margin:0;line-height:1.2;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width:1024px){.mood-grid{grid-template-columns:repeat(3,1fr);grid-gap:.75rem;gap:.75rem}.mood-card{min-height:110px}.mood-emoji{font-size:2.25rem}.mood-label{font-size:.85rem}.mood-subtitle{font-size:.65rem}}@media (max-width:768px){.mood-grid{grid-template-columns:repeat(3,1fr);grid-gap:.5rem;gap:.5rem;padding:.75rem 0}.mood-card{padding:.75rem;min-height:100px;border-radius:10px}.mood-emoji{font-size:2rem}.mood-label{font-size:.8rem}.mood-subtitle{font-size:.6rem;-webkit-line-clamp:2}}@media (max-width:480px){.mood-grid{grid-template-columns:repeat(2,1fr);grid-gap:.5rem;gap:.5rem}.mood-card{padding:.625rem;min-height:90px}.mood-emoji{font-size:1.75rem}.mood-label{font-size:.75rem}.mood-subtitle{font-size:.55rem}}.submit-btn-compact{padding:.75rem 2rem!important;border-radius:25px!important;font-weight:600!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;box-shadow:0 4px 15px rgba(102,126,234,.3)!important;transition:all .3s ease!important}.submit-btn-compact:hover{transform:translateY(-2px)!important;box-shadow:0 6px 20px rgba(102,126,234,.4)!important}.submit-btn-compact:active{transform:translateY(0)!important}.badge-group{display:flex;grid-gap:.75rem;gap:.75rem;align-items:center;flex-wrap:wrap}.color-badge{padding:.5rem 1rem;border-radius:20px;border:1px solid rgba(0,0,0,.15);font-weight:500;font-size:.85rem;text-transform:uppercase;letter-spacing:.3px;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.08);background:rgba(248,249,250,.8);color:#495057;text-shadow:none}.color-badge:hover{background:rgba(233,236,239,.9);border-color:rgba(0,0,0,.2);transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.12)}.color-badge.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff;transform:translateY(-1px);box-shadow:0 3px 12px rgba(102,126,234,.25)}.mood-card-badge{background:hsla(0,0%,100%,.95);border-radius:12px;padding:1rem;cursor:pointer;transition:all .2s ease;border:1px solid rgba(0,0,0,.08);position:relative;overflow:hidden;min-height:120px;display:flex;flex-direction:column;justify-content:center;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.06)}.mood-card-badge:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.1);border-color:rgba(0,0,0,.12)}.mood-card-badge.selected{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 20px rgba(102,126,234,.2)}.mood-badge-header{margin-bottom:.5rem}.mood-badge-label{font-size:.95rem;font-weight:600;margin:0;color:#495057;letter-spacing:.3px}.mood-badge-content{flex:1 1}.mood-badge-subtitle{font-size:.75rem;margin:0;opacity:.7;line-height:1.3;color:#6c757d}.mood-card-badge.selected .mood-badge-label,.mood-card-badge.selected .mood-badge-subtitle{color:#fff}.mood-description-text{font-size:.9rem;color:#495057;line-height:1.5;margin:1rem 0 1.5rem;padding:1rem;background:rgba(248,249,250,.6);border-radius:8px;border:1px solid rgba(0,0,0,.08);font-style:italic;font-weight:400}@media (max-width:768px){.badge-group{grid-gap:.5rem;gap:.5rem}.color-badge{padding:.4rem .8rem;font-size:.8rem;border-width:1px}.mood-card-badge{min-height:100px;padding:.8rem}.mood-badge-label{font-size:.9rem}.mood-badge-subtitle{font-size:.7rem}.mood-description-text{font-size:.85rem;margin:.8rem 0 1.2rem;padding:.8rem}}@media (max-width:576px){.badge-group{flex-direction:column;align-items:stretch}.color-badge{text-align:center;padding:.6rem 1rem}.mood-card-badge{min-height:90px}.mood-description-text{font-size:.8rem;margin:.6rem 0 1rem;padding:.6rem}}
/*# sourceMappingURL=main.4b3a4301.chunk.css.map */