@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box}html{overflow-x:hidden}body{margin:0;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,system-ui,sans-serif;background-color:#0b0e14;color:#e2e8f0;min-height:100dvh}#app-container{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;min-height:100dvh}.app-header{background:linear-gradient(180deg,#0d1520,#0b0e14);border-bottom:1px solid #1e2a3a;padding:.75rem 1rem}@media(min-width:640px){.app-header{padding:1.1rem 1.5rem}}.app-header .header-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.app-header .header-top .logos{display:flex;align-items:center;gap:1rem;min-width:0}.app-header .header-top .logos .app-logo{height:auto;width:auto;max-height:28px;max-width:min(260px,100vw - 220px)}@media(min-width:640px){.app-header .header-top .logos .app-logo{max-height:40px;max-width:none}}.app-header .header-top .logos .tmdb-logo{display:none;height:18px;width:auto;opacity:.85}@media(min-width:640px){.app-header .header-top .logos .tmdb-logo{display:block}}.app-header .header-top .header-actions{display:flex;align-items:center;gap:.5rem;margin-left:auto}@media(min-width:640px){.app-header .header-top .header-actions{gap:.75rem}}.ai-trigger-btn{display:flex;align-items:center;gap:.35rem;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:20px;padding:.4rem .75rem;font-family:Inter,system-ui,sans-serif;font-size:.78rem;font-weight:600;cursor:pointer;transition:opacity .2s,transform .15s;white-space:nowrap}@media(min-width:640px){.ai-trigger-btn{padding:.45rem 1rem;font-size:.8rem}}.ai-trigger-btn:hover{opacity:.9;transform:translateY(-1px)}.ai-trigger-btn:active{transform:translateY(0)}.ai-trigger-btn .sparkle{font-size:.9rem}.about-btn{background:#1c2433;border:1px solid #2a3448;border-radius:6px;color:#7a90aa;font-family:Inter,system-ui,sans-serif;font-size:.78rem;padding:.4rem .7rem;cursor:pointer;display:flex;align-items:center;gap:.3rem;transition:background .2s,color .2s;white-space:nowrap}@media(min-width:640px){.about-btn{font-size:.8rem;padding:.45rem .9rem}}.about-btn:hover{background:#2a3448;color:#e2e8f0}.about-btn .chevron{display:inline-block;border:solid currentColor;border-width:0 1.5px 1.5px 0;padding:2px;transform:rotate(45deg);transition:transform .2s}.about-btn.open .chevron{transform:rotate(-135deg)}.about-dropdown{background:#1c2433;border:1px solid #2a3448;border-radius:10px;padding:1rem;margin-top:.5rem;font-size:.83rem;color:#7a90aa;line-height:1.6}@media(min-width:640px){.about-dropdown{padding:1.25rem;margin:.5rem 0}}.about-dropdown a{color:#01b4e4;text-decoration:none}.about-dropdown a:hover{text-decoration:underline}.about-dropdown img{display:block;height:24px;width:auto;margin-top:1rem;opacity:.8}.search-section{padding:1rem 1rem 0}@media(min-width:640px){.search-section{padding:1.5rem 1.5rem 0}}.search-form{display:flex;align-items:center;background:#141922;border:1px solid #2a3448;border-radius:10px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.search-form:focus-within{border-color:#01b4e4;box-shadow:0 0 0 3px #01b4e426}.search-form .search-icon{padding:0 .6rem 0 .85rem;color:#4a607a;display:flex;align-items:center;flex-shrink:0}.search-form .search-icon svg{width:18px;height:18px}.search-form input[type=text]{flex:1;background:transparent;border:none;color:#e2e8f0;font-family:Inter,system-ui,sans-serif;font-size:.95rem;padding:.8rem .5rem;outline:none;min-width:0}.search-form input[type=text]::placeholder{color:#4a607a}.search-form .clear-btn{background:none;border:none;color:#4a607a;padding:.5rem .75rem;cursor:pointer;font-size:1rem;display:flex;align-items:center;transition:color .15s}.search-form .clear-btn:hover{color:#e2e8f0}.search-form .clear-btn:not(.visible){display:none}.search-form .search-submit{background:#01b4e4;color:#fff;border:none;font-family:Inter,system-ui,sans-serif;font-size:.88rem;font-weight:600;padding:.8rem 1.1rem;cursor:pointer;transition:background .2s;flex-shrink:0}@media(min-width:640px){.search-form .search-submit{padding:.85rem 1.5rem}}.search-form .search-submit:hover{background:#019fc9}.search-form .search-submit:focus-visible{outline:2px solid #01b4e4;outline-offset:-2px}.filters-section{padding:.75rem 1rem;display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}@media(min-width:640px){.filters-section{padding:1rem 1.5rem;gap:.5rem}}.filters-section .filter-label{font-size:.75rem;color:#4a607a;font-weight:500;text-transform:uppercase;letter-spacing:.06em;margin-right:.2rem}.filters-section .filter-pill{background:#141922;border:1px solid #2a3448;border-radius:20px;color:#7a90aa;font-family:Inter,system-ui,sans-serif;font-size:.8rem;font-weight:500;padding:.3rem .75rem;cursor:pointer;transition:all .2s}@media(min-width:640px){.filters-section .filter-pill{padding:.35rem .9rem}}.filters-section .filter-pill:hover{border-color:#01b4e4;color:#01b4e4}.filters-section .filter-pill.active{background:#01b4e41f;border-color:#01b4e4;color:#01b4e4;font-weight:600}#results-container{padding:0 1rem;flex:1}@media(min-width:640px){#results-container{padding:0 1.5rem}}.results-header{display:flex;align-items:baseline;gap:.5rem;padding:.75rem 0 1rem;border-bottom:1px solid #1e2a3a;margin-bottom:.5rem}.results-header .results-count{font-size:.82rem;color:#4a607a;font-weight:400}.results-header .results-label{font-size:1rem;font-weight:600;color:#e2e8f0}.item-card{display:flex;gap:.85rem;padding:.85rem 0;border-bottom:1px solid #1e2a3a;transition:background .2s;border-radius:6px}@media(min-width:640px){.item-card{gap:1rem;padding:1rem 0}}.item-card:hover{background:#14192299}.item-card .card-image-div{flex-shrink:0;width:80px}@media(min-width:480px){.item-card .card-image-div{width:92px}}.item-card .card-image-div img{width:80px;height:120px;object-fit:cover;border-radius:6px;background:#1c2433;display:block}@media(min-width:480px){.item-card .card-image-div img{width:92px;height:138px}}.item-card .item-card-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.35rem}.card-header-div .card-title{margin:0 0 .25rem;font-size:.95rem;font-weight:600;color:#e2e8f0;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.card-header-div .card-title .year{font-weight:400;color:#7a90aa;font-size:.9em}.card-header-div .card-meta{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#7a90aa;flex-wrap:wrap}.card-header-div .media-badge{display:inline-flex;align-items:center;background:#1c2433;border:1px solid #2a3448;border-radius:4px;padding:.1rem .4rem;font-size:.68rem;font-weight:600;color:#90cea1;text-transform:uppercase;letter-spacing:.04em}.card-text-div{font-size:.82rem;color:#7a90aa;line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1}.card-footer-div{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:auto}.card-footer-div .card-ratings-div{display:flex;align-items:center;gap:.5rem}.card-footer-div .card-ratings-div .rating-score{font-size:.75rem;color:#7a90aa}.card-footer-div .card-ratings-div .rating-score strong{font-weight:700;color:#e2e8f0;font-size:.82rem}.card-footer-div .card-ratings-div .card-ratings-bar{width:48px;height:4px;background:#1c2433;border-radius:2px;overflow:hidden}@media(min-width:480px){.card-footer-div .card-ratings-div .card-ratings-bar{width:60px}}.card-footer-div .card-ratings-div .card-ratings-bar .card-ratings-color{height:100%;width:var(--rating-width, 0%);background-color:var(--rating-color, #ef4444);border-radius:2px;transition:width .6s ease}.card-footer-div .card-trailer-button,.card-footer-div .no-trailer-button{display:inline-flex;align-items:center;gap:.35rem;border-radius:20px;padding:.3rem .7rem;font-family:Inter,system-ui,sans-serif;font-size:.75rem;font-weight:600;border:none;cursor:pointer;white-space:nowrap;transition:all .2s}@media(min-width:480px){.card-footer-div .card-trailer-button,.card-footer-div .no-trailer-button{padding:.35rem .85rem;font-size:.78rem}}.card-footer-div .card-trailer-button .play-icon,.card-footer-div .no-trailer-button .play-icon{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid currentColor;display:inline-block;flex-shrink:0}.card-footer-div .card-trailer-button{background:#01b4e41f;color:#01b4e4;border:1px solid rgba(1,180,228,.3)}.card-footer-div .card-trailer-button:hover{background:#01b4e438;border-color:#01b4e499;transform:translateY(-1px)}.card-footer-div .no-trailer-button{background:#1c2433;color:#4a607a;border:1px solid #2a3448;cursor:not-allowed}#modal-trailer-panel{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}#modal-trailer-panel .trailer-container{position:relative;width:min(90vw,1100px)}#modal-trailer-panel .trailer-container iframe{display:block;width:100%;aspect-ratio:16/9;border:none;border-radius:10px}#modal-trailer-panel .trailer-container .trailer-close-btn{position:absolute;top:-2.5rem;right:0;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:50%;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.85rem;transition:background .2s}#modal-trailer-panel .trailer-container .trailer-close-btn:hover{background:#ffffff40}#ai-panel{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;z-index:900;padding:0;animation:fadeIn .2s ease}@media(min-width:640px){#ai-panel{align-items:center;padding:1rem}}#ai-panel .ai-panel-card{background:#141922;border:1px solid #2a3448;border-radius:16px 16px 0 0;width:100vw;max-width:100vw;max-height:90dvh;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .25s ease}@media(min-width:640px){#ai-panel .ai-panel-card{width:auto;max-width:600px;max-height:85dvh;border-radius:16px}}#ai-panel .ai-panel-card .ai-panel-header{padding:1rem 1.25rem .85rem;border-bottom:1px solid #1e2a3a;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}@media(min-width:640px){#ai-panel .ai-panel-card .ai-panel-header{padding:1.25rem 1.5rem 1rem}}#ai-panel .ai-panel-card .ai-panel-header .ai-panel-title h2{margin:0 0 .2rem;font-size:1rem;font-weight:700;background:linear-gradient(135deg,#818cf8,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media(min-width:640px){#ai-panel .ai-panel-card .ai-panel-header .ai-panel-title h2{font-size:1.1rem}}#ai-panel .ai-panel-card .ai-panel-header .ai-panel-title p{margin:0;font-size:.75rem;color:#4a607a}#ai-panel .ai-panel-card .ai-panel-header .ai-close-btn{background:#1c2433;border:1px solid #2a3448;color:#7a90aa;border-radius:6px;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;font-size:.85rem;transition:all .2s}#ai-panel .ai-panel-card .ai-panel-header .ai-close-btn:hover{color:#e2e8f0;background:#2a3448}#ai-panel .ai-panel-card .ai-panel-body{padding:1rem 1.25rem;overflow-y:auto;flex:1;padding-bottom:max(1rem,env(safe-area-inset-bottom))}@media(min-width:640px){#ai-panel .ai-panel-card .ai-panel-body{padding:1.25rem 1.5rem}}#ai-panel .ai-panel-card .ai-panel-body .ai-context-note{background:#4f46e514;border:1px solid rgba(79,70,229,.2);border-radius:6px;padding:.65rem .85rem;font-size:.79rem;color:#a5b4fc;margin-bottom:1rem}#ai-panel .ai-panel-card .ai-panel-body .ai-prompt-row{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.1rem}@media(min-width:480px){#ai-panel .ai-panel-card .ai-panel-body .ai-prompt-row{flex-direction:row}}#ai-panel .ai-panel-card .ai-panel-body .ai-prompt-row textarea{flex:1;background:#1c2433;border:1px solid #2a3448;border-radius:6px;color:#e2e8f0;font-family:Inter,system-ui,sans-serif;font-size:.85rem;padding:.6rem .75rem;resize:none;outline:none;min-height:56px;transition:border-color .2s}#ai-panel .ai-panel-card .ai-panel-body .ai-prompt-row textarea::placeholder{color:#4a607a}#ai-panel .ai-panel-card .ai-panel-body .ai-prompt-row textarea:focus{border-color:#4f46e5}#ai-panel .ai-panel-card .ai-panel-body .ai-prompt-row .ai-generate-btn{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:6px;padding:.7rem 1rem;font-family:Inter,system-ui,sans-serif;font-size:.85rem;font-weight:600;cursor:pointer;white-space:nowrap;width:100%;transition:opacity .2s}@media(min-width:480px){#ai-panel .ai-panel-card .ai-panel-body .ai-prompt-row .ai-generate-btn{width:auto;align-self:flex-start;padding:.6rem 1rem}}#ai-panel .ai-panel-card .ai-panel-body .ai-prompt-row .ai-generate-btn:hover{opacity:.88}#ai-panel .ai-panel-card .ai-panel-body .ai-prompt-row .ai-generate-btn:disabled{opacity:.5;cursor:not-allowed}#ai-panel .ai-panel-card .ai-panel-body .ai-loading{text-align:center;color:#4a607a;padding:1.5rem 0;font-size:.88rem}#ai-panel .ai-panel-card .ai-panel-body .ai-loading .ai-spinner{width:28px;height:28px;border:2px solid #2a3448;border-top-color:#7c3aed;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto .75rem}#ai-panel .ai-panel-card .ai-panel-body .ai-error{background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:6px;padding:.75rem 1rem;font-size:.82rem;color:#fca5a5;word-break:break-word}#ai-panel .ai-panel-card .ai-panel-body .ai-results{display:flex;flex-direction:column;gap:.65rem}#ai-panel .ai-panel-card .ai-panel-body .ai-results .ai-result-item{background:#1c2433;border:1px solid #2a3448;border-radius:6px;padding:.8rem .9rem}#ai-panel .ai-panel-card .ai-panel-body .ai-results .ai-result-item .ai-result-title{font-weight:600;font-size:.9rem;color:#e2e8f0;margin-bottom:.25rem}#ai-panel .ai-panel-card .ai-panel-body .ai-results .ai-result-item .ai-result-desc{font-size:.79rem;color:#7a90aa;line-height:1.5}#ai-panel .ai-panel-card .ai-panel-body .ai-disclaimer{margin-top:1rem;font-size:.68rem;color:#4a607a;text-align:center}.skeleton-card{display:flex;gap:.85rem;padding:.85rem 0;border-bottom:1px solid #1e2a3a}@media(min-width:640px){.skeleton-card{gap:1rem;padding:1rem 0}}.skeleton-card .skeleton-image{width:80px;height:120px;border-radius:6px;background:#1c2433;animation:shimmer 1.4s ease infinite;flex-shrink:0}@media(min-width:480px){.skeleton-card .skeleton-image{width:92px;height:138px}}.skeleton-card .skeleton-content{flex:1;display:flex;flex-direction:column;gap:.5rem;padding-top:.25rem}.skeleton-card .skeleton-content .skeleton-line{background:#1c2433;border-radius:4px;animation:shimmer 1.4s ease infinite}.skeleton-card .skeleton-content .skeleton-line.w-70{width:70%;height:18px}.skeleton-card .skeleton-content .skeleton-line.w-40{width:40%;height:13px}.skeleton-card .skeleton-content .skeleton-line.w-90{width:90%;height:11px}.skeleton-card .skeleton-content .skeleton-line.w-80{width:80%;height:11px}.skeleton-card .skeleton-content .skeleton-line.w-60{width:60%;height:11px}.pagination{display:none;align-items:center;justify-content:center;flex-wrap:wrap;gap:.3rem;padding:1.25rem 0 .5rem}@media(min-width:640px){.pagination{display:flex}}.pagination .pagination-btn{background:#141922;border:1px solid #2a3448;border-radius:6px;color:#7a90aa;font-family:Inter,system-ui,sans-serif;font-size:.85rem;min-width:2.1rem;height:2.1rem;display:flex;align-items:center;justify-content:center;padding:0 .45rem;cursor:pointer;transition:background .2s,border-color .2s,color .2s;line-height:1}.pagination .pagination-btn:hover:not(:disabled){border-color:#01b4e4;color:#01b4e4}.pagination .pagination-btn.active{background:#01b4e41f;border-color:#01b4e4;color:#01b4e4;font-weight:600;cursor:default}.pagination .pagination-btn:disabled{opacity:.35;cursor:not-allowed}.pagination .pagination-btn.pagination-arrow{font-size:1.2rem}.pagination .pagination-ellipsis{color:#4a607a;padding:0 .2rem;font-size:.85rem;line-height:2.1rem;pointer-events:none}.load-more-container{display:flex;flex-direction:column;align-items:center;padding:1rem 0;gap:.5rem}@media(min-width:640px){.load-more-container{display:none}}.load-more-container .load-more-btn{background:#141922;border:1px solid #2a3448;border-radius:10px;color:#7a90aa;font-family:Inter,system-ui,sans-serif;font-size:.85rem;font-weight:500;padding:.55rem 1.75rem;cursor:pointer;transition:border-color .2s,color .2s}.load-more-container .load-more-btn:hover:not(:disabled){border-color:#01b4e4;color:#01b4e4}.load-more-container .load-more-btn:disabled{opacity:.5;cursor:not-allowed}.load-more-container .load-more-info{font-size:.75rem;color:#4a607a}.app-footer{display:flex;align-items:center;gap:.6rem;padding:1rem;border-top:1px solid #1e2a3a;font-size:.72rem;color:#4a607a;flex-wrap:wrap;margin-top:1rem}@media(min-width:640px){.app-footer{padding:1.25rem 1.5rem;font-size:.75rem}}.app-footer .footer-tmdb-logo{height:14px;width:auto;opacity:.7;flex-shrink:0}.app-footer a{color:#90cea1;text-decoration:none}.app-footer a:hover{text-decoration:underline}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{opacity:.5}50%{opacity:.85}to{opacity:.5}}@media(min-width:768px){.item-card .card-image-div{width:110px}.item-card .card-image-div img{width:110px;height:165px}.card-header-div .card-title{font-size:1.05rem}.card-text-div{-webkit-line-clamp:4}}@media(min-width:1200px){#results-container{display:grid;grid-template-columns:1fr 1fr;column-gap:1.5rem}#results-container .results-header,#results-container .pagination,#results-container .load-more-container{grid-column:1/-1}}@media(min-width:1600px){#results-container{grid-template-columns:1fr 1fr 1fr}}