:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;-webkit-font-smoothing:antialiased}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#e05452}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;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}}#root{max-width:1280px;margin:0 auto;text-align:center;min-height:100vh;display:flex;flex-direction:column}.app-main{flex:1}.find-btn{padding:11px 20px;border-radius:999px;border:none;background:#6c0e0e;color:#fff;font-weight:700;font-size:14px;letter-spacing:.4px;cursor:pointer;box-shadow:0 6px 18px #6c0e0e66,inset 0 -2px #00000059;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.find-btn:hover:not([disabled]){transform:translateY(-1px);box-shadow:0 10px 28px #6c0e0e8c,inset 0 -2px #00000059;filter:brightness(1.05)}.find-btn:active:not([disabled]){transform:translateY(1px);box-shadow:0 4px 12px #6c0e0e66,inset 0 2px 4px #0009}.find-btn[disabled]{opacity:.55;cursor:not-allowed;filter:grayscale(.4)}.progress-wrap{width:100%;display:flex;justify-content:center;margin-top:14px}.progress{width:240px;height:10px;background:#ffffff0f;border-radius:999px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a}.progress-bar{width:40%;height:100%;background:#6c0e0e;border-radius:999px;animation:progress-indef 1.1s cubic-bezier(.4,0,.2,1) infinite;box-shadow:0 0 12px #6c0e0e99}@keyframes progress-indef{0%{transform:translate(-120%)}50%{transform:translate(30%)}to{transform:translate(140%)}}.sr-only{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.recommendation{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:22px}.recommendation img{width:220px;height:330px;object-fit:cover;border-radius:12px;box-shadow:0 12px 32px #020617a6,0 0 0 1px #ffffff0d}.rec-title{font-weight:700;color:#fff;font-size:18px;letter-spacing:.3px}.carousel{width:100%;max-width:520px;overflow:hidden;margin-top:10px}.carousel-track{display:flex;transition:transform .4s cubic-bezier(.4,0,.2,1)}.carousel-item{min-width:100%;padding:10px;display:flex;flex-direction:column;align-items:center}.rec-overview{color:#ccc;font-size:14px;line-height:1.4;max-width:420px;text-align:center;margin-top:6px}.imdb-link{margin-top:6px;color:#0ea5a5;font-weight:600;text-decoration:none}.imdb-link:hover{text-decoration:underline}.carousel-controls{margin-top:12px}.appbar{display:flex;align-items:center;gap:16px;padding:10px 20px;background:linear-gradient(90deg,#0f172a,#111827);color:#fff;position:sticky;top:0;left:0;right:0;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);box-sizing:border-box;z-index:40;box-shadow:0 2px 12px #020617a6;height:72px}.appbar-left{display:flex;align-items:center;gap:12px}.home-link{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.logo{height:36px;width:auto;transition:transform .2s ease,filter .3s ease;cursor:pointer}.logo:hover{transform:scale(1.04)}.title{font-weight:700;font-size:18px;letter-spacing:.3px}.appbar-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:14px;z-index:30;pointer-events:auto;white-space:nowrap}.nav-link{color:#fff;font-weight:600;text-decoration:none;font-size:15px;padding:6px 12px;border-radius:999px;transition:background .2s ease,color .2s ease,transform .15s ease}.nav-link:hover{color:#e05452;background:#ffffff0f;transform:translateY(-1px)}.appbar-search{margin-left:auto;position:relative;display:flex;align-items:center;width:380px;max-width:60vw}.appbar-search input{width:100%;padding:9px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#fff;outline:none;transition:border .2s ease,box-shadow .2s ease}.appbar-search input::placeholder{color:#aaa}.appbar-search input:focus{border-color:#ef444499;box-shadow:0 0 0 2px #ef444426}.appbar-results{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#0b1220;border-radius:12px;max-height:320px;overflow-y:auto;z-index:50;box-shadow:0 12px 30px #0009;padding:6px 0;animation:fadeIn .12s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.appbar-results li{padding:10px 14px;color:#fff;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:8px;transition:background .12s ease}.appbar-results li:hover{background:#ffffff0f}.appbar-results .empty{color:#777;padding:12px 14px}@media(max-width:720px){.appbar{padding:10px 12px}.appbar-search{width:100%;max-width:100%;margin-left:8px}.title,.appbar-center{display:none}}@media(min-width:721px){.appbar{padding:12px 28px}.appbar-search{width:440px}}.movie-selector{max-width:360px;width:100%;display:flex;flex-direction:column;align-items:center}.movie-poster{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:12px}.movie-poster img{width:180px;height:270px;object-fit:cover;border-radius:8px;box-shadow:0 8px 24px #02061773}.movie-title{font-weight:700;color:#fff;background:#00000059;padding:6px 10px;border-radius:999px;margin-top:-34px;transform:translateY(8px)}.movie-label{align-self:flex-start;font-weight:600;margin-bottom:8px;color:#fff}.input-wrap{position:relative;width:100%}.input-wrap input{width:100%;padding:10px 36px 10px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#fff}.clear-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:none;background:transparent;color:#fff;font-size:14px;cursor:pointer}.suggestions{display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;background:#0b1220;border-radius:8px;box-shadow:0 8px 24px #00000080;padding:8px 0;max-height:220px;overflow:auto;z-index:60}.suggestions.open{display:block}.suggestions li{padding:8px 12px;color:#fff;cursor:pointer}.suggestions li:hover{background:#ffffff08}.suggestions .empty{color:#888;padding:8px 12px}.pickers{display:grid;grid-template-columns:1fr;gap:18px;justify-items:center;align-items:start;margin-top:18px}@media(min-width:720px){.pickers{grid-template-columns:1fr 1fr 1fr;align-items:center}.movie-selector{max-width:420px}.picker-center{display:flex;flex-direction:column;gap:8px;justify-content:center;align-items:center}}.picker-center{width:100%;display:flex;flex-direction:column;gap:8px;justify-content:center;align-items:center}.footer{background:linear-gradient(90deg,#0f172a,#111827);color:#fff;padding:28px 0 18px;text-align:center;font-size:1.05em;margin-top:48px;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);box-sizing:border-box;position:relative}.footer__container{max-width:1280px;width:100%;padding:0 1rem;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:10px}.footer__container{width:100%;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:10px}.footer__text{margin:0;font-weight:500;letter-spacing:.2px}.footer__links{display:flex;gap:12px;align-items:center;font-size:1em}.footer__link{color:#fff;text-decoration:none;font-weight:500;transition:color .2s}.footer__link:hover{color:#e05452}.footer__divider{color:#fff;opacity:.5}.footer__link__maker{color:#fff;text-decoration:none;font-weight:500;transition:color .2s}.footer__link__maker:hover{color:#e05452}