.app{min-height:100vh;background:#0b0b0b;color:#e5e7eb;padding-bottom:48px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.header{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:12px 16px;background:#0b0b0be6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #1f2937}.brand{display:flex;align-items:center;gap:8px}.brand-badge{background:#fbbf24;color:#111827;font-weight:800;padding:2px 8px;border-radius:6px}.brand-sub{color:#9ca3af;font-size:12px}.search{display:flex;gap:8px;max-width:720px;width:100%}.search input{flex:1;background:#0f172a;border:1px solid #1f2937;color:#e5e7eb;padding:10px 12px;border-radius:8px}.search button{padding:10px 12px;border-radius:8px;border:1px solid #374151;background:#fbbf24;color:#111827;font-weight:700;cursor:pointer}.search .ghost{background:transparent;color:#e5e7eb}.apikey{position:relative}.apikey .apikey-pop{position:absolute;right:0;top:42px;width:320px;background:#0f172a;border:1px solid #1f2937;border-radius:10px;padding:12px}.apikey .apikey-pop input{width:100%;background:#0b0b0b;border:1px solid #1f2937;color:#e5e7eb;padding:8px 10px;border-radius:8px}.ghost{border:1px solid #374151;background:transparent;color:#e5e7eb;cursor:pointer;padding:8px 10px;border-radius:8px}.filters{display:flex;gap:8px;padding:10px 16px;border-bottom:1px solid #1f2937}.chip{border:1px solid #374151;background:#0f172a;color:#e5e7eb;padding:6px 10px;border-radius:999px;cursor:pointer;font-size:14px}.chip-active{background:#fbbf24;color:#111827;border-color:#fbbf24}.hero{position:relative;overflow:hidden;border:1px solid #1f2937;border-radius:16px;margin:16px}.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.25}.hero-content{position:relative;display:grid;grid-template-columns:1fr 280px;gap:16px;padding:16px;background:linear-gradient(30deg,rgba(0,0,0,.6),transparent)}.hero-left h1{margin:0 0 8px;font-size:28px}.hero-meta{display:flex;gap:16px;font-size:14px;color:#cbd5e1}.hero-right img{width:100%;height:auto;border-radius:12px;border:1px solid #1f2937}.bar{display:flex;justify-content:space-between;align-items:center;padding:8px 16px 0}.title{font-size:18px;font-weight:700}.muted{color:#9ca3af}.small{font-size:12px}.b{font-weight:600}.wrap{display:flex;flex-wrap:wrap;gap:12px}.grid{padding:12px 16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media(min-width:640px){.grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:900px){.grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1200px){.grid{grid-template-columns:repeat(5,1fr)}}.card{background:#0f172a;border:1px solid #1f2937;border-radius:12px;text-align:left;cursor:pointer;overflow:hidden}.card.skeleton{height:280px;background:#0b1220;animation:pulse 1s infinite}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.card-img{position:relative;aspect-ratio:2/3;overflow:hidden}.card-img img{width:100%;height:100%;object-fit:cover}.card-rating{position:absolute;left:8px;bottom:8px;background:#000000b3;color:#fbbf24;font-weight:700;padding:2px 6px;border-radius:6px;font-size:12px}.card-body{padding:8px}.card-title{font-weight:700;margin-bottom:4px}.pager{display:flex;justify-content:center;gap:8px;padding:16px}.pager button{padding:8px 12px;border-radius:8px;border:1px solid #374151;background:#0f172a;color:#e5e7eb;cursor:pointer}.pager .primary{background:#fbbf24;color:#111827;border-color:#fbbf24}.pager button:disabled{opacity:.5;cursor:not-allowed}.modal{position:fixed;inset:0;z-index:50}.modal-backdrop{position:absolute;inset:0;background:#000000b3}.modal-card{position:absolute;inset:0;padding:16px;overflow:auto;display:grid;place-items:start center}.modal-card>*{max-width:1000px;width:100%;background:#0b0b0b;border:1px solid #1f2937;border-radius:16px;overflow:hidden}.modal-head{display:grid;grid-template-columns:140px 1fr;gap:16px;padding:16px;border-bottom:1px solid #1f2937}.modal-poster img{width:100%;height:auto;border-radius:10px;border:1px solid #1f2937}.modal-title{display:flex;justify-content:space-between;align-items:start;gap:8px}.modal-overview{margin:8px 0 0;color:#cbd5e1}.modal-body{padding:16px;display:grid;gap:16px}.modal-body h4{margin:0 0 8px;font-size:14px;text-transform:uppercase;color:#9ca3af}.cast{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.cast-item{display:flex;gap:8px;align-items:center}.cast-item img{width:44px;height:44px;border-radius:999px;border:1px solid #1f2937;object-fit:cover}.links{display:flex;gap:12px;flex-wrap:wrap}.links a{color:#fbbf24;text-decoration:underline}.alert.error{margin:12px 16px;border:1px solid #7f1d1d;background:#7f1d1d33;color:#fecaca;padding:8px 10px;border-radius:10px}.footer{text-align:center;color:#9ca3af;font-size:12px;padding:24px 16px}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}