@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/inter-variable-Dx4kXJAl.woff2)format("woff2-variations"),url(/assets/inter-variable-Dx4kXJAl.woff2)format("woff2")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d0e12;--surface:#1a1b21;--surface-raised:#23242c;--border:#2e303a;--text:#f5f5f7;--text-dim:#9a9ba5;--accent:#6c8cff;--accent-dim:#4d5fb0;--gold:#ffd166;--danger:#ff6b6b;--font-ui:"Inter", system-ui, sans-serif;font-family:var(--font-ui)}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}::selection{background:var(--accent);color:var(--bg)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}*{scrollbar-color:var(--accent-dim) var(--surface);scrollbar-width:thin}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--accent-dim);border-radius:6px}input,button{font-family:inherit}input{caret-color:var(--accent)}button{cursor:pointer}.app-shell{align-items:flex-start;min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--border);flex-shrink:0;width:260px;height:100vh;padding:1.5rem 1rem;position:sticky;top:0;overflow-y:auto}.sidebar h2{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin:0 0 1rem .25rem;font-size:.8rem;font-weight:600}.sidebar-list{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.sidebar-item{text-align:left;width:100%;color:var(--text);background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:.75rem;padding:.4rem;display:flex}.sidebar-item:hover{background:var(--surface)}.sidebar-item-selected{background:var(--surface-raised);border-color:var(--border)}.sidebar-item img,.sidebar-item-empty{object-fit:cover;background:var(--surface-raised);border-radius:6px;flex-shrink:0;width:36px;height:52px}.sidebar-item-info{flex-direction:column;gap:.15rem;min-width:0;display:flex}.sidebar-item-title{white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:500;overflow:hidden}.sidebar-item-meta{color:var(--text-dim);font-size:.75rem}.sidebar-item-ghost{background:linear-gradient(100deg, var(--surface) 30%, var(--surface-raised) 50%, var(--surface) 70%);background-size:200% 100%;border-radius:10px;height:52px;list-style:none;animation:1.4s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.main{flex:1;min-width:0;padding:2rem clamp(1rem,4vw,3rem) 4rem}.top-bar{flex-direction:column;align-items:center;gap:1.25rem;margin-bottom:2.5rem;display:flex}.brand{letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:700}.dataset-info{width:100%;color:var(--text);text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-direction:column;align-self:stretch;gap:.65rem;margin:0;padding:.9rem 1.25rem;font-size:.9rem;line-height:1.6;display:flex}.dataset-info p{margin:0}.dataset-info a{color:var(--accent);text-underline-offset:2px;font-weight:600;text-decoration:underline}.dataset-info a:hover{color:var(--text)}.search-bar{width:min(480px,100%);position:relative}.search-bar input{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:10px;padding:.7rem 1rem;font-size:.95rem}.search-bar input::placeholder{color:var(--text-dim)}.search-bar input:focus{border-color:var(--accent);outline:none}.search-bar-status{color:var(--text-dim);font-size:.75rem;position:absolute;top:calc(100% + 4px);left:.25rem}.search-suggestions{background:var(--surface);border:1px solid var(--border);z-index:10;border-radius:10px;max-height:340px;margin:0;padding:.35rem;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 24px -8px #00000080}.search-suggestions li{cursor:pointer;border-radius:8px;align-items:center;gap:.65rem;padding:.45rem .5rem;display:flex}.search-suggestions li:hover{background:var(--surface-raised)}.search-suggestions li img,.search-suggestion-empty{object-fit:cover;background:var(--surface-raised);border-radius:4px;flex-shrink:0;width:30px;height:44px}.search-suggestion-year{color:var(--text-dim);font-size:.8rem}.search-suggestions-empty{color:var(--text-dim);padding:.75rem;font-size:.85rem}.empty-state{text-align:center;color:var(--text-dim);max-width:50ch;margin:0 auto;padding:4rem 1rem}.selected-movie{align-items:flex-start;gap:2rem;max-width:760px;margin:0 auto 3rem;display:flex}.selected-movie-poster{flex-shrink:0;width:200px}.selected-movie-poster img,.poster-empty{aspect-ratio:2/3;object-fit:cover;border-radius:12px;width:100%;display:block;box-shadow:0 16px 32px -12px #0000008c}.poster-empty{background:var(--surface-raised);color:var(--text-dim);box-shadow:none;justify-content:center;align-items:center;font-size:.8rem;display:flex}.selected-movie-info h1{letter-spacing:-.02em;margin:0 0 .6rem;font-size:1.9rem;font-weight:700;line-height:1.15}.selected-movie-meta{color:var(--text-dim);gap:1rem;margin-bottom:.75rem;font-size:.9rem;display:flex}.rating{color:var(--gold);font-weight:600}.genre-tags{flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;display:flex}.genre-tag{color:var(--text-dim);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:.2rem .65rem;font-size:.72rem;font-weight:500}.selected-movie-overview{color:var(--text);max-width:65ch;margin:0;font-size:.95rem;line-height:1.65}.recommendations h2{text-align:center;margin:0 0 1.25rem;font-size:1.1rem;font-weight:600}.recommendations-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.25rem;display:grid}.recommendation-card{text-align:left;color:var(--text);animation:.4s cubic-bezier(.16,1,.3,1) both card-in;animation-delay:calc(var(--card-i,0) * 40ms);background:0 0;border:none;border-radius:12px;flex-direction:column;padding:0;display:flex;overflow:hidden}@keyframes card-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.recommendation-card img,.recommendation-card .poster-empty{aspect-ratio:2/3;object-fit:cover;border-radius:12px;width:100%;transition:box-shadow .18s,transform .18s;display:block}.recommendation-card:hover img{transform:translateY(-3px);box-shadow:0 16px 28px -10px #00000080}.recommendation-card-body{padding-top:.6rem}.recommendation-card-body h3{white-space:nowrap;text-overflow:ellipsis;margin:0 0 .3rem;font-size:.88rem;font-weight:600;overflow:hidden}.recommendation-card-meta{color:var(--text-dim);justify-content:space-between;margin-bottom:.4rem;font-size:.78rem;display:flex}.recommendation-card-ghost{aspect-ratio:2/3;background:linear-gradient(100deg, var(--surface) 30%, var(--surface-raised) 50%, var(--surface) 70%);background-size:200% 100%;border-radius:12px;animation:1.4s ease-in-out infinite shimmer}.status{text-align:center;color:var(--text-dim);padding:2rem 0}.status-error{color:var(--danger)}@media (width<=880px){.app-shell{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--border);width:100%;height:auto;position:static}.sidebar-list{flex-direction:row;padding-bottom:.5rem;overflow-x:auto}.sidebar-item{text-align:center;flex-direction:column;width:90px}.sidebar-item-info{align-items:center}.selected-movie{text-align:center;flex-direction:column;align-items:center}.selected-movie-meta,.genre-tags{justify-content:center}.selected-movie-overview{text-align:left}}