*{box-sizing:border-box;margin:0;padding:0}body{background:#0a0a0f;justify-content:center;align-items:flex-start;min-height:100vh;font-family:Inclusive Sans,sans-serif;font-weight:400;display:flex;position:relative;overflow:hidden auto}#bg-back,#bg-front{pointer-events:none;position:absolute;inset:0}#bg-front{z-index:1}#bg-back img{filter:brightness(.7);transition:filter .5s}body.show-results #bg-back img{filter:blur(12px)brightness(.7)}#bg-front img{filter:brightness(.9);transition:filter .5s}body.show-results #bg-front img{filter:blur(8px)brightness(.9)}#vignette{pointer-events:none;z-index:2;background:radial-gradient(60% 70%,#192d5fd9 0%,#0c122899 40%,#0000 100%);position:absolute;inset:0}#app{z-index:3;text-align:center;width:100%;max-width:840px;margin:auto;padding:80px 24px;position:relative}h1{color:#fff;letter-spacing:-.02em;margin:0 0 14px;font-family:Ancizar Serif,serif;font-size:clamp(2rem,5vw,3.2rem);font-weight:500;line-height:1.15}.subtitle{color:#ffffff8c;margin:0 0 48px;font-size:15px;font-weight:300;line-height:1.65}.fields{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:30px;margin-bottom:40px;display:flex}.field-wrap{flex:1;min-width:200px;max-width:260px;position:relative}label{text-align:left;color:#fffc;letter-spacing:.02em;white-space:nowrap;margin-bottom:12px;font-size:13px;display:block}input{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#fff;background:#ffffff0a;border:1px solid #ffffff1a;border-color:#ffffff40 #ffffff1a #ffffff1a #ffffff26;border-radius:12px;outline:none;width:100%;padding:11px 14px;font-family:Inclusive Sans,sans-serif;font-size:14px;transition:border .2s,background .2s;box-shadow:0 4px 12px #0003}input:focus{background:#ffffff14;border-color:#fff6}.dropdown{z-index:50;background:#141428;border:1px solid #ffffff1f;border-radius:8px;margin-top:4px;display:none;position:absolute;top:100%;left:0;right:0;overflow:hidden}.dropdown-item{cursor:pointer;align-items:center;gap:10px;padding:7px 10px;transition:background .15s;display:flex}.dropdown-item:hover{background:#ffffff12}.dropdown-item img{object-fit:cover;border-radius:3px;width:28px;height:42px}.placeholder{background:#ffffff1a;border-radius:3px;width:28px;height:42px}.movie-title{color:#fff;font-size:13px}.movie-year{color:#ffffff59;font-size:11px}.add-third{flex-direction:column;align-items:center;gap:12px;display:flex}.add-third span{color:#fffc;letter-spacing:.02em;font-size:13px}#btn-add{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#fff;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-color:#ffffff40 #ffffff1a #ffffff1a #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;font-weight:300;transition:border .2s,background .2s,color .2s;display:flex;box-shadow:0 4px 12px #0003}#btn-add:hover{background:#ffffff14;border-color:#ffffff80}#btn-close-f3{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:16px;line-height:1;transition:all .2s;display:flex;position:absolute;bottom:6px;right:8px}#btn-close-f3:hover,#btn-close-f3:active{color:#ff4757;background:#ffffff26}#f3{padding-right:36px}#f3-wrap{flex:1;min-width:200px;max-width:260px;display:none}#f3-wrap .field-wrap{width:100%}#err{color:#ff6b6b;margin-bottom:10px;font-size:13px;display:none}#btn-launch{color:#ffffff59;cursor:not-allowed;background:#ffffff1a;border:none;border-radius:24px;padding:11px 38px;font-family:Inclusive Sans,sans-serif;font-size:15px;transition:background .2s,transform .1s}#btn-launch.active{color:#fff;cursor:pointer;background:#3e63dd}#btn-launch.active:hover{transform:scale(1.03)}#loading-screen{flex-direction:column;justify-content:center;align-items:center;min-height:60vh;display:none;position:relative}body.is-loading #bg-back img{opacity:.65!important;filter:brightness(.9)!important;animation-duration:1.2s!important;animation-timing-function:ease-in-out!important}body.is-loading #bg-front img{opacity:1!important;filter:brightness(1.1)!important;animation-duration:.85s!important;animation-timing-function:ease-in-out!important}#loading-frozen-img{object-fit:cover;border-radius:12px;width:180px;height:270px;animation:1.4s ease-in-out infinite mysteryPulse;box-shadow:0 0 0 1px #ffffff1a,0 16px 48px #000000d9,0 0 60px #3e63dd4d;display:block!important}#loading-frozen-poster{margin-bottom:28px;display:none;position:relative}#loading-frozen-poster:before{content:"";background:#000;border-radius:12px;width:180px;height:270px;animation:1.4s ease-in-out infinite mysteryPulse;box-shadow:0 0 0 1px #ffffff0f,0 16px 48px #000000d9,0 0 60px #3e63dd40;display:none!important}#loading-frozen-poster:after{content:"?";color:#ffffff26;letter-spacing:-.02em;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:Inclusive Sans,sans-serif;font-size:64px;font-weight:400;animation:1.4s ease-in-out infinite mysteryGlow;position:absolute;top:50%;left:50%;transform:translate(-50%,-55%);display:none!important}@keyframes mysteryPulse{0%,to{transform:scale(1);box-shadow:0 0 0 1px #ffffff0f,0 16px 48px #000000d9,0 0 50px #3e63dd33}50%{transform:scale(1.03);box-shadow:0 0 0 1px #ffffff1a,0 20px 60px #000000e6,0 0 90px #3e63dd8c,0 0 120px #3e63dd33}}@keyframes mysteryGlow{0%,to{color:#ffffff1f;text-shadow:none}50%{color:#ffffff73;text-shadow:0 0 30px #3e63ddcc,0 0 60px #3e63dd66}}#loading-messages{justify-content:center;align-items:center;height:28px;display:flex}#loading-msg{color:#ffffffb3;letter-spacing:.03em;font-size:15px;transition:opacity .4s}#loading-msg.fade-out{opacity:0}#loading-msg.fade-in{opacity:1}#result-screen{text-align:left;max-width:800px;margin:0 auto;display:none}.result-main-layout{align-items:center;gap:40px;margin-bottom:40px;display:flex}#result-screen .poster-container{flex-shrink:0;margin-bottom:0}#res-poster{border-radius:14px;width:280px;display:block;box-shadow:0 20px 60px #000000b3}.res-content{flex-direction:column;flex:1;gap:16px;display:flex}#res-title{color:#fff;margin:0;font-family:Ancizar Serif,serif;font-size:clamp(2rem,4vw,2.8rem);font-style:normal;font-weight:500;line-height:1.15}#res-meta{color:#fff;margin:0;font-size:16px;font-weight:600}#res-meta strong{color:#fff}#res-expl{color:#ffffffb3;max-width:100%;margin:0;font-size:14px;line-height:1.6}.action-inline{margin-top:8px}.action-inline #btn-dejavu{padding:8px 20px;font-size:13px}#result-screen .btn-row{justify-content:center;gap:16px;margin-top:20px}@media (width<=680px){.result-main-layout{text-align:center;flex-direction:column;gap:24px}#res-poster{width:180px;margin:0 auto}#result-screen{text-align:center}#bg-back img{display:block!important}html,body{width:100%;height:100dvh;position:fixed;overflow:hidden}#bg-front{z-index:2!important}#app{-webkit-overflow-scrolling:touch;flex-direction:column;justify-content:center;align-items:center;height:100dvh;margin:0;padding:24px 16px;display:flex;overflow-y:auto;z-index:4!important}#bg-back img:first-child{opacity:.18!important;width:120px!important;height:180px!important;inset:2% auto auto 20%!important}#bg-back img:nth-child(2){opacity:.15!important;width:130px!important;height:195px!important;margin-left:-70px!important;inset:5% auto auto 50%!important}#bg-back img:nth-child(3){opacity:.15!important;width:110px!important;height:165px!important;inset:12% 15% auto auto!important}#bg-back img:nth-child(4){opacity:.12!important;width:110px!important;height:165px!important;inset:40% auto auto 10%!important}#bg-back img:nth-child(5){opacity:.12!important;width:110px!important;height:165px!important;inset:55% 8% auto auto!important}#bg-back img:nth-child(6){opacity:.15!important;width:120px!important;height:180px!important;inset:auto auto 8% 22%!important}#vignette{z-index:3!important;background:linear-gradient(#0000 0%,#0c1228cc 60%,#192d5ff2 100%)!important}#bg-front img:first-child{width:100px!important;height:150px!important;inset:-5% auto auto -10%!important}#bg-front img:nth-child(2){width:110px!important;height:165px!important;inset:7% -12% auto auto!important}#bg-front img:nth-child(3){width:110px!important;height:165px!important;inset:35% auto auto -15%!important}#bg-front img:nth-child(4){width:110px!important;height:165px!important;inset:auto -12% 10% auto!important}#bg-front img:nth-child(5){width:110px!important;height:165px!important;inset:auto auto -5% -10%!important}#bg-front img:nth-child(6){width:120px!important;height:180px!important;margin-left:-60px!important;inset:auto auto -10% 50%!important}.desktop-only{display:none}h1{font-size:2.5rem!important}.subtitle{margin-bottom:32px;font-size:17px!important}label{text-align:center;font-size:15px!important}input{font-size:16px!important}.fields{flex-direction:column;align-items:center;gap:20px}.field-wrap,#f3-wrap{width:100%;max-width:280px}}.btn-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.btn-ghost{color:#ffffffb3;cursor:pointer;background:0 0;border:1.5px solid #fff3;border-radius:24px;padding:9px 20px;font-family:Inclusive Sans,sans-serif;font-size:13px;text-decoration:none;transition:border .2s;display:inline-block}.btn-ghost:hover{border-color:#ffffff80}.btn-primary{color:#fff;cursor:pointer;background:#5865f2;border:none;border-radius:24px;padding:9px 20px;font-family:Inclusive Sans,sans-serif;font-size:13px;text-decoration:none;transition:opacity .2s;display:inline-block}.btn-primary:hover{opacity:.85}@keyframes float0{0%,to{transform:rotate(-5.2deg)translateY(0)}50%{transform:rotate(-5.2deg)translateY(-10px)}}@keyframes float1{0%,to{transform:rotate(3.8deg)translateY(0)}50%{transform:rotate(3.8deg)translateY(-8px)}}@keyframes float2{0%,to{transform:rotate(-2.1deg)translateY(0)}50%{transform:rotate(-2.1deg)translateY(-12px)}}@keyframes float3{0%,to{transform:rotate(4.5deg)translateY(0)}50%{transform:rotate(4.5deg)translateY(-7px)}}@keyframes float4{0%,to{transform:rotate(-3.9deg)translateY(0)}50%{transform:rotate(-3.9deg)translateY(-11px)}}@keyframes float5{0%,to{transform:rotate(6.1deg)translateY(0)}50%{transform:rotate(6.1deg)translateY(-9px)}}@keyframes float6{0%,to{transform:rotate(-4.7deg)translateY(0)}50%{transform:rotate(-4.7deg)translateY(-13px)}}@keyframes float7{0%,to{transform:rotate(3.2deg)translateY(0)}50%{transform:rotate(3.2deg)translateY(-8px)}}@keyframes float8{0%,to{transform:rotate(-6deg)translateY(0)}50%{transform:rotate(-6deg)translateY(-10px)}}@keyframes float9{0%,to{transform:rotate(5.3deg)translateY(0)}50%{transform:rotate(5.3deg)translateY(-12px)}}@keyframes float10{0%,to{transform:rotate(-4.1deg)translateY(0)}50%{transform:rotate(-4.1deg)translateY(-9px)}}@keyframes float11{0%,to{transform:rotate(2.9deg)translateY(0)}50%{transform:rotate(2.9deg)translateY(-11px)}}.footer-credit{-webkit-backdrop-filter:blur(8px);color:#fffc;z-index:1000;pointer-events:auto;background:#0009;border-radius:30px;padding:8px 16px;font-family:Inclusive Sans,sans-serif;font-size:13px;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 12px #00000026}.footer-credit a{color:#fff;font-weight:500;text-decoration:underline;transition:opacity .2s}.footer-credit a:hover{opacity:.8}@media (width<=680px){.footer-credit{padding:6px 12px;font-size:11px;bottom:12px;right:12px}body.show-results .footer-credit{display:none}}