.page-module__cKgxyG__page{max-width:1200px;margin:0 auto;padding:2.5rem 1.5rem 5rem}.page-module__cKgxyG__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.75rem;display:flex}.page-module__cKgxyG__headerLeft{align-items:center;gap:.75rem;display:flex}.page-module__cKgxyG__title{letter-spacing:-.5px;font-size:1.75rem;font-weight:900}.page-module__cKgxyG__count{background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);letter-spacing:.3px;border-radius:100px;padding:.2rem .6rem;font-size:.78rem;font-weight:700}.page-module__cKgxyG__addBtn{background:var(--accent);color:#000;border-radius:var(--radius-sm);flex-shrink:0;align-items:center;gap:.4rem;padding:.55rem 1.1rem;font-size:.875rem;font-weight:800;transition:background .15s,transform .1s;display:inline-flex}.page-module__cKgxyG__addBtn:hover{background:var(--accent-hover)}.page-module__cKgxyG__addBtn:active{transform:scale(.97)}.page-module__cKgxyG__addBtn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.page-module__cKgxyG__toolbar{align-items:center;gap:.65rem;margin-bottom:1.75rem;display:flex}.page-module__cKgxyG__filterGroup{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.page-module__cKgxyG__searchWrap{flex:1;min-width:0;position:relative}.page-module__cKgxyG__searchIcon{color:var(--text-subtle);pointer-events:none;width:15px;height:15px;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.page-module__cKgxyG__searchInput{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;height:40px;color:var(--text);padding:0 2.4rem;font-family:inherit;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.page-module__cKgxyG__searchInput:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim);outline:none}.page-module__cKgxyG__clearBtn{color:var(--text-subtle);font-size:1rem;line-height:1;transition:color .15s;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.page-module__cKgxyG__clearBtn:hover{color:var(--text-muted)}.page-module__cKgxyG__select{appearance:none;background-color:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);height:40px;color:var(--text);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right .55rem center;background-repeat:no-repeat;flex-shrink:0;width:130px;padding:0 2rem 0 .75rem;font-family:inherit;font-size:.82rem;font-weight:600;transition:border-color .15s;overflow:hidden}.page-module__cKgxyG__select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim);outline:none}.page-module__cKgxyG__viewToggle{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);flex-shrink:0;gap:.2rem;padding:.2rem;display:flex}.page-module__cKgxyG__viewBtn{border-radius:var(--radius-xs);width:32px;height:32px;color:var(--text-subtle);justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.page-module__cKgxyG__viewBtn:hover{color:var(--text-muted);background:var(--surface-3)}.page-module__cKgxyG__viewBtnActive{background:var(--surface-3)!important;color:var(--accent-text)!important}.page-module__cKgxyG__viewBtn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.page-module__cKgxyG__grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;list-style:none;display:grid}.page-module__cKgxyG__card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex;overflow:hidden}.page-module__cKgxyG__card:hover{border-color:var(--border-hover);transform:translateY(-3px);box-shadow:0 8px 32px #0006}.page-module__cKgxyG__card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.page-module__cKgxyG__cardHeader{flex-shrink:0;justify-content:center;align-items:center;height:150px;display:flex;position:relative;overflow:hidden}.page-module__cKgxyG__cardImg{object-fit:cover}.page-module__cKgxyG__cardIcon{opacity:.85;width:38px;height:38px}.page-module__cKgxyG__cardGenreBadge{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);letter-spacing:.3px;background:#0000008c;border:1px solid #ffffff1f;border-radius:100px;padding:.2rem .55rem;font-size:.68rem;font-weight:700;position:absolute;top:.6rem;left:.6rem}.page-module__cKgxyG__cardStatsBadges{align-items:center;gap:.35rem;display:flex;position:absolute;bottom:.6rem;right:.6rem}.page-module__cKgxyG__cardStatBadge{color:#ffffffbf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;border:1px solid #ffffff1f;border-radius:100px;align-items:center;gap:.25rem;padding:.2rem .55rem;font-size:.68rem;font-weight:700;display:flex}.page-module__cKgxyG__cardStatBadge svg{width:10px;height:10px}.page-module__cKgxyG__cardStatBadgeLiked{color:#f87171}.page-module__cKgxyG__cardInfo{flex-direction:column;flex:1;gap:.2rem;padding:.85rem 1rem .9rem;display:flex}.page-module__cKgxyG__cardTitle{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.93rem;font-weight:800;line-height:1.3;display:-webkit-box;overflow:hidden}.page-module__cKgxyG__cardSingers{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.76rem;font-weight:600;overflow:hidden}.page-module__cKgxyG__cardStats{align-items:center;gap:.75rem;margin-top:.55rem;display:flex}.page-module__cKgxyG__list{border:1px solid var(--border);border-radius:var(--radius);list-style:none;overflow:hidden}.page-module__cKgxyG__listItem{border-bottom:1px solid var(--border);align-items:center;gap:.875rem;padding:.75rem 1.1rem;text-decoration:none;transition:background .12s;display:flex}.page-module__cKgxyG__list li:last-child .page-module__cKgxyG__listItem{border-bottom:none}.page-module__cKgxyG__listItem:hover{background:var(--surface)}.page-module__cKgxyG__listItem:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.page-module__cKgxyG__listThumb{border-radius:var(--radius-xs);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative;overflow:hidden}.page-module__cKgxyG__listThumbImg{object-fit:cover}.page-module__cKgxyG__listThumbIcon{opacity:.8;width:18px;height:18px}.page-module__cKgxyG__listMain{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.page-module__cKgxyG__listTitle{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.93rem;font-weight:800;overflow:hidden}.page-module__cKgxyG__listSingers{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:600;overflow:hidden}.page-module__cKgxyG__listRight{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.page-module__cKgxyG__draftBadge{letter-spacing:.4px;text-transform:uppercase;color:#fbbf24;white-space:nowrap;background:#fbbf2426;border:1px solid #fbbf244d;border-radius:4px;padding:.2rem .45rem;font-size:.62rem;font-weight:800}.page-module__cKgxyG__badge{background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);white-space:nowrap;letter-spacing:.3px;border-radius:100px;padding:.2rem .6rem;font-size:.68rem;font-weight:700}.page-module__cKgxyG__stat{color:var(--text-subtle);white-space:nowrap;align-items:center;gap:.25rem;font-size:.76rem;font-weight:600;display:flex}.page-module__cKgxyG__stat svg{width:12px;height:12px}.page-module__cKgxyG__statLiked{color:#f87171}.page-module__cKgxyG__statLiked svg{stroke:#f87171}.page-module__cKgxyG__empty{text-align:center;color:var(--text-muted);padding:5rem 1rem;font-weight:600}@keyframes page-module__cKgxyG__shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.page-module__cKgxyG__skeletonBase{background:linear-gradient(90deg, var(--surface) 25%, var(--surface-2) 50%, var(--surface) 75%);border-radius:var(--radius-xs);background-size:200% 100%;animation:1.4s infinite page-module__cKgxyG__shimmer}.page-module__cKgxyG__skeletonCard{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.page-module__cKgxyG__skeletonHeader{background:linear-gradient(90deg, var(--surface-2) 25%, var(--surface-3) 50%, var(--surface-2) 75%);background-size:200% 100%;height:150px;animation:1.4s infinite page-module__cKgxyG__shimmer}.page-module__cKgxyG__skeletonBody{flex-direction:column;gap:.5rem;padding:.85rem 1rem;display:flex}.page-module__cKgxyG__skeletonLine{background:linear-gradient(90deg, var(--surface-2) 25%, var(--surface-3) 50%, var(--surface-2) 75%);background-size:200% 100%;border-radius:4px;height:12px;animation:1.4s infinite page-module__cKgxyG__shimmer}.page-module__cKgxyG__skeletonLineShort{width:60%}.page-module__cKgxyG__skeletonRow{border-bottom:1px solid var(--border);align-items:center;gap:.875rem;padding:.75rem 1.1rem;display:flex}.page-module__cKgxyG__skeletonThumb{border-radius:var(--radius-xs);background:linear-gradient(90deg, var(--surface-2) 25%, var(--surface-3) 50%, var(--surface-2) 75%);background-size:200% 100%;flex-shrink:0;width:44px;height:44px;animation:1.4s infinite page-module__cKgxyG__shimmer}.page-module__cKgxyG__skeletonMain{flex-direction:column;flex:1;gap:.4rem;display:flex}.page-module__cKgxyG__sentinel{height:1px;margin-top:2rem}.page-module__cKgxyG__srOnly{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:640px){.page-module__cKgxyG__grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.page-module__cKgxyG__toolbar{flex-wrap:wrap}.page-module__cKgxyG__searchWrap,.page-module__cKgxyG__filterGroup{width:100%}.page-module__cKgxyG__select{flex:auto;width:auto;min-width:80px;padding-right:1.65rem;font-size:.78rem}.page-module__cKgxyG__viewToggle{flex-shrink:0}.page-module__cKgxyG__listRight{gap:.5rem}.page-module__cKgxyG__badge{display:none}}