.search-section{padding:32px 0}.search-container{max-width:1200px;margin:0 auto;padding:0 16px}.search-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.muted{color:#888}.sep{color:#ccc;margin:0 8px}.badge{background:#f3f4f6;border-radius:999px;padding:4px 8px}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.image-card{background:#fff;border:1px solid #eee;border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.image-wrap{aspect-ratio:4/5;background:#fafafa;position:relative}.image-wrap img{object-fit:cover;width:100%;height:100%;display:block}.chip{color:#fff;background:#111;border-radius:999px;padding:4px 8px;font-size:12px;position:absolute;top:8px;left:8px}.chip+.chip{background:#e11d48;left:auto;right:8px}.card-body{padding:12px}.card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 8px;font-size:14.5px;line-height:1.35;display:-webkit-box;overflow:hidden}.card-meta{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.pill{background:#f3f4f6;border-radius:999px;padding:3px 8px;font-size:12px}.stats{color:#6b7280;gap:12px;font-size:12px;display:flex}.pager{justify-content:center;align-items:center;gap:12px;margin-top:24px;display:flex}.pager-btn{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:8px 12px}.loader,.empty{text-align:center;color:#6b7280;padding:32px 0}:root{--ink:#111;--accent:#e10613;--btn-bg:rgba(255,255,255,.92);--btn-ink:#0c0c0d;--btn-ring:rgba(0,0,0,.08)}.best-section{max-width:1200px;margin:40px auto;padding:0 16px}.best-header h2{margin:0;font-size:1.6rem;font-weight:700}.best-grid{columns:4 260px;column-gap:18px}@media (max-width:991px){.best-grid{columns:3 200px}}@media (max-width:575px){.best-grid{columns:2 160px}}.best-card{background:#fff;border-radius:14px;width:100%;margin:0 0 18px;display:inline-block;position:relative;overflow:hidden;box-shadow:0 6px 16px rgba(0,0,0,.08)}.best-card.playlist .best-overlay{color:#fff;background:linear-gradient(transparent 50%,rgba(0,0,0,.65));flex-direction:column;justify-content:flex-end;padding:14px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.best-card.playlist .badge{background:rgba(255,255,255,.2);border-radius:6px;margin-bottom:8px;padding:2px 6px;font-size:.75rem}.best-card.playlist h3{margin:0;font-size:1rem;font-weight:700}.best-card.playlist p{color:#eee;margin:2px 0 0;font-size:.8rem}.best-controls{opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;position:absolute;top:10px;bottom:10px;left:10px;right:10px;transform:translateY(6px)}.best-card:hover .best-controls,.best-card:focus-within .best-controls{opacity:1;pointer-events:auto;transform:none}.best-btn{background:var(--btn-bg);width:40px;height:40px;color:var(--btn-ink);box-shadow:0 2px 10px var(--btn-ring);border:1px solid rgba(0,0,0,.06);border-radius:50%;place-items:center;transition:transform .18s,box-shadow .2s;display:grid}.best-btn:hover{transform:translateY(-2px)scale(1.05)}.best-like{position:absolute;top:10px;left:10px}.best-save{position:absolute;top:10px;right:10px}.best-download{position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.best-like:hover{color:#c1121f;background:#fff0f1}.best-save:hover{color:#0b5ed7;background:#eef5ff}.best-download:hover{color:#1b7a29;background:#eefaf1}.best-card{background:#fff;border-radius:14px;width:100%;margin:0 0 18px;padding:6px;transition:transform .25s;display:inline-block;position:relative;overflow:hidden;box-shadow:0 6px 16px rgba(0,0,0,.08)}.best-card img{border-radius:10px;width:100%;transition:transform .3s;display:block}.best-card:hover img{transform:scale(1.04)}.best-section{padding:24px 0}.best-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.best-header h2{background:linear-gradient(90deg,#e67e22,#f1c40f);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:max(20px,min(3vw,28px));font-weight:800}.best-link{color:#e67e22;font-weight:700;text-decoration:none}.best-link:hover{text-decoration:underline}.masonry{column-width:280px;column-gap:16px;transition:opacity .35s,filter .35s}.masonry.is-shuffling{opacity:.25;filter:blur(3px)}.masonry-item{break-inside:avoid;width:100%;margin:0 0 16px;display:inline-block}.best-card{background:#fff;border-radius:16px;animation:.5s both fadeIn;position:relative;overflow:hidden;box-shadow:0 6px 20px rgba(0,0,0,.12)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.best-img{width:100%;height:auto;transition:transform .45s;display:block}.best-card:hover .best-img{transform:scale(1.02)}.best-controls{z-index:2;gap:8px;display:flex;position:absolute;top:10px;right:10px}.best-btn{cursor:pointer;background:rgba(255,255,255,.92);border:none;border-radius:10px;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 6px 16px rgba(0,0,0,.14)}.best-btn:hover{background:#fff}.best-btn i{color:#413327;font-size:18px}.best-tag{z-index:2;color:#fff;background:rgba(17,17,17,.9);border-radius:12px;padding:8px 12px;font-weight:800;position:absolute;bottom:12px;left:12px}.best-actions{justify-content:center;margin-top:16px;display:flex}.shuffle-btn{color:#fff;cursor:pointer;background:linear-gradient(#f1c40f,#e67e22);border:none;border-radius:12px;padding:12px 18px;font-weight:800;transition:transform .15s,filter .2s;box-shadow:0 10px 24px rgba(230,126,34,.32)}.shuffle-btn:hover{transform:translateY(-1px)}.shuffle-btn:disabled{opacity:.7;cursor:not-allowed}