.page-module__UQ8vhW__page{gap:var(--space-lg);flex-direction:column;display:flex}.page-module__UQ8vhW__topBar{justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.page-module__UQ8vhW__titleArea{align-items:baseline;gap:var(--space-md);display:flex}.page-module__UQ8vhW__heading{font-size:var(--text-2xl)}.page-module__UQ8vhW__count{font-size:var(--text-sm);color:var(--text-tertiary)}.page-module__UQ8vhW__list{flex-direction:column;gap:2px;display:flex}.page-module__UQ8vhW__entry{align-items:center;gap:var(--space-md);padding:10px var(--space-md);border-radius:var(--radius-md);transition:background var(--transition-fast);cursor:pointer;grid-template-columns:36px 1fr auto auto auto auto;display:grid}.page-module__UQ8vhW__entry:hover{background:var(--bg-elevated)}.page-module__UQ8vhW__entryActive{background:#f6a8230f}.page-module__UQ8vhW__playBtn{border-radius:var(--radius-full);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.page-module__UQ8vhW__playBtn:hover{color:var(--accent-amber)}.page-module__UQ8vhW__info{flex-direction:column;gap:1px;min-width:0;display:flex}.page-module__UQ8vhW__title{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.page-module__UQ8vhW__artist{font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.page-module__UQ8vhW__genre{font-size:var(--text-xs);border-radius:var(--radius-full);color:var(--accent-amber);font-weight:var(--weight-medium);white-space:nowrap;background:#f6a8231a;padding:2px 8px}.page-module__UQ8vhW__bpm,.page-module__UQ8vhW__key{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary)}.page-module__UQ8vhW__time{font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap}.page-module__UQ8vhW__empty{align-items:center;gap:var(--space-md);padding:var(--space-3xl);color:var(--text-tertiary);text-align:center;flex-direction:column;display:flex}@media (max-width:768px){.page-module__UQ8vhW__entry{grid-template-columns:36px 1fr auto}.page-module__UQ8vhW__genre,.page-module__UQ8vhW__bpm,.page-module__UQ8vhW__key{display:none}}