:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,-system-ui,sans-serif;line-height:1.5;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#020617;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,rgba(15,118,110,.35),transparent 55%),radial-gradient(circle at bottom,rgba(30,64,175,.4),transparent 50%),radial-gradient(circle at center,#0f172ae6,#020617 60%);color:#e5e7eb}#root{width:100%}button{font-family:inherit;border:none;cursor:pointer;background:transparent;color:inherit}button:focus-visible,input:focus-visible{outline:2px solid #38bdf8;outline-offset:2px}input{font-family:inherit}.app-shell{min-height:100vh;padding:24px 10px;display:flex;align-items:center;justify-content:center}.app{width:100%;max-width:1100px;background:radial-gradient(circle at top left,rgba(56,189,248,.14),transparent),radial-gradient(circle at bottom right,rgba(129,140,248,.18),transparent),linear-gradient(145deg,#0f172afa,#0f172af0);border-radius:24px;padding:28px 22px 26px;box-shadow:0 40px 80px #0f172abf,0 0 0 1px #94a3b82e;color:#e5e7eb;display:flex;flex-direction:column;gap:18px}@media(min-width:480px){.app-shell{padding:32px 16px}}@media(min-width:768px){.app{padding:30px 34px;gap:22px}}.app-header{display:flex;flex-direction:column;gap:8px}.app-title-group{text-align:left}.app-title{font-size:1.8rem;letter-spacing:.04em;font-weight:700;margin:0;display:inline-flex;align-items:center;gap:.4rem}.app-title:before{content:"🎬";font-size:1.5rem}.app-subtitle{margin:4px 0 0;color:#9ca3af;font-size:.9rem}.search-bar{display:flex;flex-wrap:nowrap;gap:12px;align-items:center;justify-content:space-between}.search-input-wrapper{flex:1 1 auto;display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;background:linear-gradient(145deg,#0f172acc,#0f172ae6);box-shadow:inset 0 0 0 1px #94a3b859,0 18px 40px #0f172ae6}.search-icon{font-size:1rem;opacity:.9}.search-input-wrapper input[type=text]{flex:1;border:none;outline:none;background:transparent;color:#e5e7eb;font-size:.95rem}.search-input-wrapper input::placeholder{color:#6b7280}.primary-btn{border-radius:999px;border:none;padding:.6rem 1.4rem;font-size:.95rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(135deg,#38bdf8,#4f46e5);color:#fff;box-shadow:0 16px 35px #3b82f68c}@media(max-width:600px){.search-bar{flex-direction:column;align-items:stretch}.primary-btn{width:100%;text-align:center}}.primary-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.app-main{background:linear-gradient(135deg,#0f172afa,#0f172af5,#111827f7);border-radius:18px;padding:18px 14px 14px;box-shadow:inset 0 0 0 1px #0f172ae6}@media(min-width:768px){.app-main{padding:20px 18px 18px}}.card-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-top:14px}@media(min-width:768px){.card-container{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:20px;margin-top:16px}}@media(min-width:1024px){.card-container{grid-template-columns:repeat(3,minmax(0,1fr))}}.card{background:radial-gradient(circle at top left,rgba(56,189,248,.18),transparent 55%),radial-gradient(circle at bottom right,rgba(129,140,248,.2),transparent 55%),linear-gradient(145deg,#0f172afa,#1e40aff5);border-radius:18px;overflow:hidden;cursor:pointer;border:1px solid rgba(148,163,184,.4);display:flex;flex-direction:column}.card-image-wrapper{position:relative;padding-top:145%;overflow:hidden}.card img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.card-image-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#4f46e5,#020617);color:#fff;font-size:2.2rem;font-weight:700}.card-body{padding:11px 12px 12px;display:flex;flex-direction:column;gap:8px}.card-title{font-size:.98rem;font-weight:600;color:#e5e7eb;margin:0}.card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.pill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:.72rem;font-weight:500;background-color:#0f172ab3;color:#e5e7eb}.pill-soft{background-color:#94a3b82e;color:#cbd5f5}.pagination{margin:2px 0 6px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.9rem;color:#9ca3af}@media(max-width:600px){.pagination{flex-direction:column;align-items:stretch}.pagination span{text-align:center}.pagination .ghost-btn{width:100%;justify-content:center;text-align:center}}.pagination span strong{color:#e5e7eb}.ghost-btn{border-radius:999px;border:1px solid rgba(148,163,184,.6);padding:.4rem .9rem;font-size:.85rem;font-weight:500;background:#0f172acc;color:#e5e7eb}.ghost-btn:disabled{opacity:.4;cursor:not-allowed}.details{max-width:980px;margin:0 auto;background:radial-gradient(circle at top left,rgba(56,189,248,.1),transparent 55%),radial-gradient(circle at bottom right,rgba(129,140,248,.18),transparent 55%),linear-gradient(135deg,#0f172afa,#0f172af5);color:#e5e7eb;border-radius:20px;padding:18px 16px 16px;box-shadow:0 32px 64px #0f172ae6,inset 0 0 0 1px #94a3b84d}@media(min-width:768px){.details{padding:20px 22px}}.details-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}@media(max-width:600px){.details-header{flex-direction:column-reverse;align-items:flex-start}}.details-header h2{margin:0;font-size:1.2rem}.details-year{color:#9ca3af;font-weight:500}.details-genre{margin:2px 0 0;font-size:.85rem;color:#9ca3af}.details-body{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,2fr);gap:18px;align-items:flex-start}@media(max-width:720px){.details-body{grid-template-columns:minmax(0,1fr)}}.details-poster-wrapper{border-radius:16px;overflow:hidden;box-shadow:0 22px 45px #0f172ae6,0 0 0 1px #1e40afb3}.details-poster-wrapper img{width:100%;display:block}.details-poster-placeholder{height:100%;min-height:260px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#4f46e5,#020617);font-size:3rem;font-weight:700}.details-info{display:flex;flex-direction:column;gap:10px;font-size:.92rem;color:#e5e7eb}.details-info p{margin:0}.details-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:6px 16px;margin-bottom:6px}.details-meta-row{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;margin-top:4px}.details-ratings{margin-top:6px}.details-ratings ul{list-style:none;padding-left:0;margin:4px 0 0;display:flex;flex-wrap:wrap;gap:4px 12px;font-size:.86rem;color:#e5e7eb}.details-awards{margin-top:4px;font-size:.9rem;color:#e5e7eb}.rating-pill{display:inline-flex;align-items:center;padding:2px 9px;border-radius:999px;background:#16a34a29;color:#bbf7d0;font-weight:600;font-size:.78rem}.details-loading{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.skeleton{border-radius:10px;background:linear-gradient(90deg,#111827,#1e293b,#111827);background-size:200% 100%;animation:skeleton-shimmer 1.1s ease-in-out infinite}.skeleton.poster{height:220px}.skeleton.text-line{height:14px}.skeleton.text-block{height:60px}.empty-state{margin-top:16px;font-size:.9rem;color:#e5e7eb}.empty-state span{font-weight:600;color:#93c5fd}.empty-state.muted{color:#9ca3af}.empty-state.error-state{color:#fecaca}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}