body{font-family:Trebuchet MS,Gill Sans,Segoe UI,sans-serif}:root{--bg:#f5efe6;--card:#fffdf9;--line:#d8c5a7;--text:#222;--muted:#685b4f;--accent:#b23a48;--accent-2:#2f6f6f}*{box-sizing:border-box}body{background:radial-gradient(circle at top right,#f7f3ea,#efe5d6 50%,#eadcc6);color:#222;color:var(--text);margin:0}.page{margin:0 auto;max-width:1200px;padding:20px}.topbar{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:18px}.topbar h1{font-size:1.8rem;margin:0}.nav-actions{display:flex;gap:8px}.link-btn{background:#fffdf9;background:var(--card);border:1px solid #d8c5a7;border:1px solid var(--line);border-radius:10px;color:#222;color:var(--text);padding:8px 12px;text-decoration:none}.control-panel{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:18px}.control-panel input,.control-panel select{background:#fff;border:1px solid #d8c5a7;border:1px solid var(--line);border-radius:10px;padding:10px}.movie-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.movie-card{background:#fffdf9;background:var(--card);border:1px solid #d8c5a7;border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column;overflow:hidden}.movie-poster-link{aspect-ratio:2/3;display:block}.movie-poster{height:100%;object-fit:cover;width:100%}.movie-body{padding:12px}.movie-head{align-items:flex-start;display:flex;gap:8px;justify-content:space-between}.movie-title{font-size:1rem;margin:0}.movie-title a{color:inherit;text-decoration:none}.movie-meta{color:#685b4f;color:var(--muted);font-size:.92rem;margin:8px 0}.movie-summary{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;font-size:.92rem;line-height:1.4;margin:0 0 10px;overflow:hidden}.genre-list{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}.genre-list li{background:#f8f1e5;border-radius:999px;font-size:.75rem;padding:3px 8px}.fav-btn,.genre-list li{border:1px solid #d8c5a7;border:1px solid var(--line)}.fav-btn{background:#fff;border-radius:10px;color:#685b4f;color:var(--muted);cursor:pointer;font-size:.95rem;padding:6px 10px}.fav-btn.active{background:#b23a48;background:var(--accent);border-color:#b23a48;border-color:var(--accent);color:#fff}.pagination{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:18px}.pagination button,.state-box button{background:#fff;border:1px solid #d8c5a7;border:1px solid var(--line);border-radius:10px;cursor:pointer;padding:8px 12px}.pagination button:disabled{cursor:not-allowed;opacity:.45}.state-box{background:#fffdf9;background:var(--card);border:1px solid #d8c5a7;border:1px solid var(--line);border-radius:12px;padding:18px}.detail-hero{grid-gap:20px;display:grid;gap:20px;grid-template-columns:280px 1fr;margin-bottom:18px}.detail-poster{border:1px solid #d8c5a7;border:1px solid var(--line);border-radius:14px;width:100%}.detail-info p{margin:0 0 10px}.cast-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.cast-card{background:#fffdf9;background:var(--card);border:1px solid #d8c5a7;border:1px solid var(--line);border-radius:12px;padding:8px}.cast-card img{aspect-ratio:2/3;border-radius:8px;object-fit:cover;width:100%}.cast-card h4{font-size:.95rem;margin:8px 0 4px}.cast-card p{color:#685b4f;color:var(--muted);font-size:.85rem;margin:0}.video-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.video-card{background:#fffdf9;background:var(--card);border:1px solid #d8c5a7;border:1px solid var(--line);border-radius:12px;color:inherit;display:flex;flex-direction:column;gap:6px;padding:12px;text-decoration:none}.skeleton-card{padding:0 0 12px}.skeleton{animation:shimmer 1.2s infinite;background:linear-gradient(90deg,#efe5d6,#f7f0e4 50%,#efe5d6);background-size:200% 100%;border-radius:8px}.skeleton-poster{aspect-ratio:2/3;border-radius:12px 12px 0 0;width:100%}.skeleton-title{height:20px;margin:12px}.skeleton-text{height:14px;margin:0 12px 8px}.skeleton-text.short{width:65%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){.detail-hero{grid-template-columns:1fr}}
/*# sourceMappingURL=main.3add323a.css.map*/