:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{color:#f2f2f2;background:#0a0a0f radial-gradient(circle at 20% 0,#14151f 0%,#0a0a0f 55%);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}::selection{background:#e6394659}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0a0a0f}::-webkit-scrollbar-thumb{background:#2a2c3a;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#3a3d4f}.app{max-width:1280px;margin:0 auto;padding:0 24px 64px}.hero{text-align:center;padding:72px 20px 40px;position:relative}.hero-glow{filter:blur(10px);pointer-events:none;z-index:0;background:radial-gradient(circle,#e6394659 0%,#7a2ed92e 45%,#0000 70%);width:700px;height:400px;position:absolute;top:-180px;left:50%;transform:translate(-50%)}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#ff6b7a;margin-bottom:10px;font-size:.72rem;font-weight:600;position:relative}.hero h1{background:linear-gradient(135deg,#fff 0%,#c9cbe0 100%);color:#0000;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;margin:0 0 12px;font-size:clamp(2rem,5vw,3.2rem);font-weight:800;position:relative}.subtitle{color:#9aa0ac;margin-bottom:32px;font-size:1.02rem;position:relative}.search-bar{z-index:5;max-width:520px;margin:0 auto;position:relative}.search-bar input{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#f2f2f2;background:#171923d9;border:1px solid #ffffff1a;border-radius:14px;outline:none;width:100%;padding:16px 20px;font-size:1.05rem;transition:border-color .2s,box-shadow .2s;box-shadow:0 8px 30px #00000059}.search-bar input::placeholder{color:#6b7080}.search-bar input:focus{border-color:#e63946;box-shadow:0 8px 30px #e6394640}.suggestions{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;text-align:left;background:#171923f7;border:1px solid #ffffff14;border-radius:12px;max-height:280px;margin:0;padding:6px;list-style:none;position:absolute;top:110%;left:0;right:0;overflow-y:auto;box-shadow:0 12px 32px #00000080}.suggestions li{cursor:pointer;border-radius:8px;padding:11px 14px;transition:background .15s}.suggestions li:hover,.suggestions li.active{background:#e6394626}.status{text-align:center;color:#9aa0ac;margin:40px 0;font-size:.95rem}.status.error{color:#ff6b7a}.status.hint{color:#6b7080;font-style:italic}h2{color:#d6d8e0;margin:8px 0 22px;font-size:1.25rem;font-weight:600}.highlight{color:#ff6b7a}.movie-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:22px;display:grid}.movie-card{background:#14151f;border:1px solid #ffffff0d;border-radius:14px;flex-direction:column;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;overflow:hidden}.movie-card:hover{border-color:#e6394659;transform:translateY(-6px);box-shadow:0 16px 32px #00000073}.poster-wrap{aspect-ratio:2/3;background:#1a1c27;width:100%;position:relative;overflow:hidden}.poster-wrap img{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.movie-card:hover .poster-wrap img{transform:scale(1.06)}.rank-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#f2f2f2;background:#0a0a0ebf;border-radius:999px;padding:4px 9px;font-size:.72rem;font-weight:700;position:absolute;top:10px;left:10px}.rating-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#f5c518;background:#0a0a0ebf;border-radius:999px;padding:4px 9px;font-size:.72rem;font-weight:700;position:absolute;top:10px;right:10px}.poster-overlay{opacity:0;background:linear-gradient(#0000 25%,#08080cbf 60%,#08080cf5 100%);align-items:flex-end;padding:14px;transition:opacity .25s;display:flex;position:absolute;inset:0}.movie-card:hover .poster-overlay{opacity:1}.poster-overlay .overview{color:#d6d8e0;-webkit-line-clamp:7;-webkit-box-orient:vertical;margin:0;font-size:.78rem;line-height:1.45;display:-webkit-box;overflow:hidden}.movie-card-body{padding:12px 14px 16px}.movie-card-body h3{margin:0 0 6px;font-size:.95rem;font-weight:600;line-height:1.3}.movie-meta{color:#7a7f8c;justify-content:space-between;align-items:baseline;gap:8px;font-size:.75rem;display:flex}.year{color:#9aa0ac;flex-shrink:0;font-weight:600}.genres{text-align:right;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.skeleton{border-color:#ffffff0d!important}.skeleton-poster{aspect-ratio:2/3;background:linear-gradient(100deg,#1a1c27 30%,#23253236 50%,#1a1c27 70%) 0 0/200% 100%;width:100%;animation:1.4s infinite shimmer}.skeleton-line{background:linear-gradient(100deg,#1a1c27 30%,#262836 50%,#1a1c27 70%) 0 0/200% 100%;border-radius:6px;height:12px;margin:14px 14px 0;animation:1.4s infinite shimmer}.skeleton-line.short{width:55%;margin-top:8px;margin-bottom:14px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (width<=480px){.hero{padding:48px 16px 28px}.movie-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px}}